Жёлтый цвет Yellow #FFFF00

Где использовать жёлтый цвет

Чистый жёлтый - один из самых светлых насыщенных цветов экранной палитры. Он быстро привлекает внимание, но имеет слабый контраст с белым текстом. В интерфейсах жёлтый чаще применяется как фон предупреждения с тёмной надписью.

Характер и восприятие

Жёлтый выглядит солнечным, активным и дружелюбным. В высокой насыщенности он может утомлять, поэтому большие площади часто делают светлее или теплее.

Подходящие задачи

• Предупреждения и важные примечания.
• Метки, бейджи и подсветка найденного текста.
• Небольшие оптимистичные акценты в иллюстрациях.

Практические рекомендации

• Используйте на жёлтом фоне чёрный или очень тёмный текст.
• Не применяйте чистый жёлтый для длинных текстовых блоков.
• Для фона уведомления уменьшайте насыщенность и повышайте светлоту.

Как задать жёлтый цвет в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение yellow.

.example {
  color: #000000;
  background-color: #ffff00;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-zheltyy: #ffff00;
}

.button {
  background: var(--color-zheltyy);
}