Цвета

Работайте с цветом в любой записи: конвертируйте HEX ⇄ RGB ⇄ HSL, проверяйте контраст текста по WCAG и подбирайте светлые и тёмные оттенки цвета.

Работайте с цветом в любой записи: конвертируйте HEX ⇄ RGB ⇄ HSL, проверяйте контраст текста по WCAG и подбирайте светлые и тёмные оттенки цвета.

Как пользоваться

  1. Введите цвет в HEX, RGB или HSL, либо выберите пипеткой
  2. Все нотации обновляются вместе
  3. Проверьте контраст и заберите сгенерированные оттенки

Частые вопросы

Какой контраст требует WCAG?

Не меньше 4.5:1 для обычного текста и 3:1 для крупного (уровень AA).

Чем RGB отличается от HSL?

RGB смешивает красный, зелёный и синий; HSL описывает тон, насыщенность и светлоту — интуитивнее для подбора оттенков.