[CSS] Colours

Conrad11 · 28 Jun 2006 at 22:27

Hi there,

Quick Question, I have recently been seeing people using a 3 character colour code instead of the full 6.

Maybe this has been done for a while, but how do i know which colours I can put into a 3 character code after the "#"? Also how do I know what the code is?

I already know that you can do if for the colours that have the same character for the whole 6 characters of the colour code?

Thanks...

iCraig · 28 Jun 2006 at 22:29

I think it's for block colours. That contain just one character.

So,

Code:

color: #ffffff;

can be shortened to:

Code:

color: #fff;

Conrad11 · 28 Jun 2006 at 22:31

I only ask as I believe i have seen it done is other colours that have maybe 2 or more different characters?

Like for instance here:

Code:

border:1px solid #c00;

iCraig · 28 Jun 2006 at 22:35

I think it's to cut off the block at the end.

Code:

border:1px solid #c00;

is a shortened version of

Code:

border:1px solid #c00000;

robmiller · 28 Jun 2006 at 22:35

iCraig said:
I think it's to cut off the block at the end.

Code:

border:1px solid #c00;

is a shortened version of

Code:

border:1px solid #c00000;

Nope.

#c00 = #cc0000

iCraig · 28 Jun 2006 at 22:36

robmiller said:
Nope.

#c00 = #cc0000

So how's it worked out then?

robmiller · 28 Jun 2006 at 22:43

iCraig said:
So how's it worked out then?

Code:

ff ff 00 = ff red, ff green, 00 blue
f  f  0  = ff red, ff green, 00 blue

Conrad11 · 28 Jun 2006 at 22:46

Ah cheers robmiller i understand now

so this can't be shortened...right?

Code:

#6c6c6c

Al Vallario · 29 Jun 2006 at 00:02

Conrad11 said:
Ah cheers robmiller i understand now

so this can't be shortened...right?

Code:

#6c6c6c

#666 is close, but alas, #6c6c6c can't be shortened