CSS: странная проблема цвета?

Question

Если я пытаюсь применить этот цвет к HTML элемента:

background-color: #COFFEE; /* Should work, has 6 characters */ 

цвет игнорируется и белый (#FFF) показан вместо этого.

Если я:

background-color: #C0FFEE; 

цвет меняется на что-то вроде зеленого цвета.

И:

background-color: #CFE; 

, вероятно, тот же цвет. Я тестировал это только в FF.

Answer 1

Hex Цветовой код состоит из цифр 0 для 9 и буквы A до F, представляющих 10 для 15 в десятичном режиме.

Таким образом, O не является действительным шестнадцатеричным значением, но 0 есть.

Так #COFFEE; не будет работать, но #C0FFEE; будет.

Если вы хотите использовать именованные цвета, обратитесь к: http://www.w3.org/TR/css3-color/ и ознакомьтесь с разделом 4.3. Extended color keywords

E.g. Choclate который является #d2691e в гексагоне и 210,105,30 в RGB.

Answer 2

COFFEE недействительный номер hexadecimal. Шестнадцать шестнадцатеричных цифр - это 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E и F.

C0FFEE, с другой стороны.

С0 = 192 , 192/255 = 75% красного
FF = 255 , 255/255 = 100% зеленый
ЕЕ = 238 , 238/255 = 93% синий

CFE означает то же, что и CCFFEE, что действительно очень похоже.

CC = 204 , 192/255 = 80% красного
FF = 255 , 255/255 = 100% зеленый
ЕЕ = 238 , 238/255 = 93% blue

Если вы искали предопределенные имена, вы найдете их here plus here.

Answer 3

Цвет #COFFEE не существует. Вам необходимо написать цветовой код в шестнадцатеричном виде после хэштега (#), он колеблется от 0 до 9 и от А до F. Читать дальше here

Цвет # C0FFEE (с нулем) работает, но не # COFFEE (с O).

Цвет #CFE не эквивалентен # C0FFEE, но #CCFFEE.

Answer 4

#COFFEE

Буква O не является допустимым значением шестигранный. Таким образом, браузер попытается сделать что-то, чтобы выполнить ошибку. Скорее всего, это будет непредсказуемо.

#C0FFEE

Это действительный шестнадцатеричный код цвета.

#CFE;

Также действующий шестнадцатеричный код цвета в том, что она представляет собой сокращенную #ccffee

coffee

Недопустимое имя HTML цвета. Однако, если вы ищете цвет, похожий на кофе, и хотите использовать значение имени, вы можете попробовать chocolate, который является допустимым именем цвета.