Выбор цвета

HSL (Hue, Saturation, Lightness) — оттенок (0-360°), насыщенность и светлота. HSV (Value вместо Lightness) — похожая модель, чаще используется в дизайн-программах. Более интуитивны для восприятия, чем RGB.

WCAG требует контраст ≥4.5:1 для обычного текста и ≥3:1 для крупного. Например, синий #3498DB даёт 2.88:1 на белом — недостаточно для мелкого текста. Инструмент показывает контраст vs белый и vs чёрный фон.

Пока инструмент принимает ввод в HEX. Для конвертации из RGB в HEX воспользуйтесь инструментом Color Converter.

RGBA добавляет к RGB четвёртый компонент — альфа-канал (прозрачность от 0 до 1). rgba(52, 152, 219, 0.5) — тот же синий, но с 50% прозрачностью. Используется в CSS для полупрозрачных элементов.