Код жёлтого цвета (#ffff00)

Жёлтый — это #ffff00 в HEX и rgb(255, 255, 0) — средний жёлтый цвет. Ниже: все цветовые форматы, тона и оттенки, гармонии и то, насколько он читаем как цвет текста.

Обновлено

Жёлтый
#ffff00
Название в CSSyellow
Hex#ffff00
RGBrgb(255, 255, 0)
HSLhsl(60 100% 50%)
HWBhwb(60 0% 0%)
CMYK0%, 0%, 100%, 0%

Тона и оттенки

Цветовые гармонии

О жёлтом цвете

Жёлтый (yellow) — средний, яркий жёлтый цвет с HEX-кодом #ffff00, или rgb(255, 255, 0). В HSL он имеет оттенок 60°, насыщенность 100% и светлоту 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: yellow;.

Использование жёлтого для текста и фона

Пара цветовКоэффициент контрастаWCAG
Жёлтый текст на белом1.07 : 1не проходит
Жёлтый текст на чёрном19.56 : 1AAA

На жёлтом фоне используйте текст чёрного цвета (19.56 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить с помощью проверки контраста.

CSS

.element {
  color: yellow;               /* or #ffff00 */
  background-color: #ffff00;
  border: 1px solid rgb(255 255 0 / 50%);
}

Похожие именованные цвета

Золотой (#ffd700), Оранжевый (#ffa500), Зелёно-жёлтый (#adff2f), Золотарник (#daa520), Тёмно-оранжевый (#ff8c00), Жёлто-зелёный (#9acd32).

Часто задаваемые вопросы

Какой HEX-код у жёлтого цвета?
#ffff00 — это rgb(255, 255, 0) и hsl(60, 100%, 50%). В CSS можно также просто написать yellow.
Читается ли жёлтый текст на белом фоне?
Коэффициент его контраста на белом — 1.07 : 1, что не проходит по WCAG. Используйте его для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с жёлтым?
Его дополнительный цвет — #0000ff; аналоговые цвета #ff8000 и #80ff00 находятся рядом с ним на цветовом круге.