Возможно, вы никогда не задумывались о том, что предопределенные цвета в HTML и CSS могут быть не такими, какими кажутся на первый взгляд. Особенно это касается серых оттенков: светло-серого (Light Gray), серого (Gray) и темно-серого (Dark Gray). Давайте разберемся, почему в веб-разработке возникает путаница с этими цветами.
Нестандартная градация серого
На первый взгляд, логично предположить, что порядок градации серых цветов будет следующим:
- Light Gray (светло-серый)
- Gray (серый)
- Dark Gray (темно-серый)
Однако, в действительности всё наоборот:
- Light Gray (светло-серый)
- Dark Gray (темно-серый)
- Gray (серый)
В HTML и CSS темно-серый (Dark Gray) цвет светлее обычного серого (Gray) и ближе к серебристому на шкале RGB. Почему так произошло?
Историческая основа
Эта путаница имеет корни в истории развития цветовых схем. В цветовой схеме X11, использовавшейся в первых браузерах Mosaic и Netscape Navigator, цвет Gray имел RGB-значение 190,190,190 (75% на триплексной шкале 0..255). Когда World Wide Web Consortium (W3C) включил эту цветовую схему в стандарт, возник конфликт: в новой цветовой схеме уже был определен серый цвет с RGB-значением 128,128,128 (50%).
В итоге, цвет Gray получил новое значение 128,128,128, которое используется по сей день. Светло-серый (Light Gray) и темно-серый (Dark Gray) цвета, напротив, не вызвали конфликтов и были приняты с их первоначальными значениями: 211,211,211 (83%) для Light Gray и 169,169,169 (66%) для Dark Gray.
Таким образом, серый цвет (Gray) оказался темнее, чем темно-серый (Dark Gray), что может быть неожиданностью для многих разработчиков.
Дополнительные факты
Интересно, что W3C позволяет использовать оба написания для серого цвета: Gray и Grey. Оба варианта считаются правильными и взаимозаменяемыми.
Эти исторические тонкости подчеркивают важность понимания стандартов и нюансов работы с цветами в веб-разработке. Знание таких деталей может помочь избежать путаницы и обеспечить корректное отображение цвета на веб-страницах.
