Cores no CSS

69 views
Skip to first unread message

Lucas Saliés Brum

unread,
Dec 17, 2007, 9:23:39 AM12/17/07
to Lista ArqHP
Bom dia a todos..
Qual a diferença entre:
p { color: #fff; }
e
p { color: #ffffff; }
?
-- 
# Lucas Saliés Brum
# http://lsbrum.gigacities.net

Alexandre Gaigalas

unread,
Dec 17, 2007, 8:25:37 AM12/17/07
to ar...@googlegroups.com
Nenhuma. A sintaxe com três caracteres é apenas uma abreviação.

#CEF é o mesmo que #CCEEFF

#000 é o mesmo que #000000

#AAC é o mesmo que #AAAACC

E assim por diante...
--
Alexandre Gomes Gaigalas
alex...@gaigalas.net
http://Alexandre.Gaigalas.Net

Diego Arent

unread,
Dec 17, 2007, 8:33:01 AM12/17/07
to ar...@googlegroups.com
Repete-se cada caracter, ficando assim:

Se você definiu a cor: #D4E

Você definiu a cor: #DD44EE, muita gente confunde com #D4ED4E.

Mas como o Lucas disse, é uma abreviação.

3 caracteres | 6 caracteres
D | DD
4 | 44
E | EE


Em 17/12/07, Alexandre Gaigalas<alex...@gaigalas.net> escreveu:


--
-------------------
http://legalzinho.wordpress.com
Diego Arent

ドウグラス

unread,
Dec 17, 2007, 8:42:23 AM12/17/07
to ar...@googlegroups.com
Sao tons diferentes.. nao é???
Se eu usar 3 digitos estou usando uam cor mais "simples" do que usar 6 digitos...





--
..........................................
Douglas Machado Fernandes

Cel:  51 92662272
MSN:  doug...@gmail.com
..........................................

"Atraio para a minha vida qualquer
coisa à qual dedico atenção,
energia e concentração, seja
ela positiva ou negativa."

Leandro Camargo

unread,
Dec 17, 2007, 8:45:49 AM12/17/07
to ar...@googlegroups.com
On Dec 17, 2007 11:42 AM, ドウグラス <doug...@gmail.com> wrote:
> Sao tons diferentes.. nao é???
> Se eu usar 3 digitos estou usando uam cor mais "simples" do que usar 6 digitos...

Não. São exatamente as mesmas cores.
A vatagem de usar #ddd em vez #dddddd é que você poupa 3 bytes no seu .css. =]
Eu, particularmente, raramente uso 6 caracteres para designar uma cor,
salvo quando essa cor é de origem de terceiros.

ドウグラス

unread,
Dec 17, 2007, 9:07:45 AM12/17/07
to ar...@googlegroups.com
#DDD e #DDDDDD sao as mesmas...

mas #DDD e DDD156 tbm sao???

Camilo Oliveira

unread,
Dec 17, 2007, 9:13:18 AM12/17/07
to ar...@googlegroups.com
On 12/17/07, ドウグラス <doug...@gmail.com> wrote:
#DDD e #DDDDDD sao as mesmas...

mas #DDD e DDD156 tbm sao???

Não.

#DDD = #DDDDDD

não tem como escrever #DDD156 com 3 caracteres. Só dá pra fazer isso com combinações que repetem 2 vezes os 3 dígitos de cada cor (RGB).


--
Camilo Oliveira

Design Coletivo - http://designcoletivo.com
Portfólio - http://www.camilo87.com
Conexão Needforlumbriga - http://conexao.needforlumbriga.com

Leonardo Faria

unread,
Dec 17, 2007, 9:16:12 AM12/17/07
to ar...@googlegroups.com
On 17/12/2007, ドウグラス <doug...@gmail.com> wrote:
> mas #DDD e DDD156 tbm sao???

não. a mágica é a seguinte:
pega os seis elementos: #CCFF00
divide por três, então: CC, FF, 00
se o segundo elemento de cada um desses três grupos for igual ao
primeiro, pode 'simplificar'. logo,

CC -> C
FF -> F
00 -> 0

C + F + 0 = #CF0

--
Leonardo Faria
leonardofaria.net

ドウグラス

unread,
Dec 17, 2007, 10:21:41 AM12/17/07
to ar...@googlegroups.com
Sim... mas escrever com menos digitos nem sempre é uma simplificação da escrita...
Pois com 6 digitos vc representa um numero maior de cores... é isso...


--
Leonardo Faria
leonardofaria.net



Gustavo Cardoso

unread,
Dec 17, 2007, 10:26:34 AM12/17/07
to ar...@googlegroups.com
On Dec 17, 2007 1:21 PM, ドウグラス <doug...@gmail.com> wrote:
> Sim... mas escrever com menos digitos nem sempre é uma simplificação da
> escrita...
> Pois com 6 digitos vc representa um numero maior de cores... é isso...

É uma simplificação sim (assim como outras dentro do CSS), nos casos
onde os caracteres se repetem em pares:

#ccddbb pode ser simplificado assim: #cdb
Já outras cores exigem a escrita dos 6 caracteres... #272BD5.

[]´s
--
Gustavo C. Faria Neto
Dois Criação
http://www.doiscriacao.com.br

Camilo Oliveira

unread,
Dec 17, 2007, 10:26:36 AM12/17/07
to ar...@googlegroups.com
On 12/17/07, ドウグラス <doug...@gmail.com> wrote:
Sim... mas escrever com menos digitos nem sempre é uma simplificação da escrita...

Escrever cores com menos dígitos é uma alternativa pra economizar código e é aplicável só à algumas combinações em CSS. 

Pois com 6 digitos vc representa um numero maior de cores... é isso...

Não.


Lington Diêgo

unread,
Dec 17, 2007, 10:44:12 AM12/17/07
to ar...@googlegroups.com
kd o Irapuan?
:O

Daniel Araujo

unread,
Dec 17, 2007, 10:58:33 AM12/17/07
to ar...@googlegroups.com
Algumas tem 6 digitos e não podem ser escritas com 3.
Exemplo: #DDD156

Algumas tem 6 digitos e podem ser escritas com 3.
Exemplo: #CCBBAA ou #CBA


Em 17/12/07, ドウグラス <doug...@gmail.com> escreveu:

Leandro Camargo

unread,
Dec 17, 2007, 11:02:26 AM12/17/07
to ar...@googlegroups.com
On Dec 17, 2007 1:26 PM, Camilo Oliveira <lis...@camilo87.com> wrote:
> On 12/17/07, ドウグラス <doug...@gmail.com> wrote:
> > Sim... mas escrever com menos digitos nem sempre é uma simplificação da
> escrita...
>
> Escrever cores com menos dígitos é uma alternativa pra economizar código e é
> aplicável só à algumas combinações em CSS.
>
> > Pois com 6 digitos vc representa um numero maior de cores... é isso...
>
>
> Não.

Calma, gente.
Não tem egredo. Isso ;e teoria de combinação simples:
Quando se escreve apenas com 3 caracteres, obviamente você só tem 16^3
combinações possíveis.
Enquanto que com 6 caracteres você tem 16^6 combinações possíveis.
O problema é cada browser pode ter o seu mecanismo particular de lidar
com essa palheta de cores.
Quanto mais cores na palheta menos provável será uma cor ser
exatamente igual em todos o a navegadores quando se usa valores não
pareados para as componenetes do RGB (exemplo de valores não pareados:
#804080, pareados: #884488).

Irapuan Martinez

unread,
Dec 17, 2007, 4:53:33 PM12/17/07
to ar...@googlegroups.com
On Dec 17, 2007 1:44 PM, Lington Diêgo <ldg...@gmail.com> wrote:
> kd o Irapuan?

Tô aqui apreciando o paternalismo. Como tem gente que corre para
auxiliar numa dúvida quando o verdadeiro problema, é ensinar o sujeito
se virar sozinho ao invés de depender dos outros, em questões
banalíssimas.

Dar o link pro sujeito fazer a lição de casa, ninguém deu:

http://www.w3.org/TR/CSS21/syndata.html#value-def-color

Alimentar o vício de depender dos outros, um monte de gente faz.

Depois a influência negativa sou eu.

Lucas Saliés Brum

unread,
Dec 17, 2007, 8:05:36 PM12/17/07
to ar...@googlegroups.com
Qualquer coisa serve! Se mandar um link num acho ruim não!! :)


Irapuan Martinez escreveu:
Reply all
Reply to author
Forward
0 new messages