Выбор цвета

Выберите цвет и получите его в форматах HEX, RGB, HSL, HSV

#3498DB
vs белый: 3.15:1
vs чёрный: 6.66:1
HEX#3498DB
RGBrgb(52, 152, 219)
RGBArgba(52, 152, 219, 1)
HSLhsl(204, 70%, 53%)
HSVhsv(204, 76%, 86%)

Готовые цвета:

О сервисе Выбор цвета

Онлайн инструмент выбора цвета. Выберите цвет через пикер или введите HEX-код — получите значения во всех форматах: HEX, RGB, RGBA, HSL, HSV. Дополнительно: коэффициент контрастности с белым и чёрным фоном (WCAG), готовые пресеты цветов.

Визуальный color picker с нативным выбором
Конвертация в HEX, RGB, RGBA, HSL, HSV
Проверка контрастности по WCAG (vs белый и чёрный)
Ввод HEX-кода вручную
Копирование любого формата одним кликом
15 готовых пресетов популярных цветов

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

HEX (#3498DB) — компактная запись RGB в шестнадцатеричной системе. RGB (52, 152, 219) — три числа 0-255 для красного, зелёного и синего. Оба формата описывают один и тот же цвет, разница только в записи.

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 для полупрозрачных элементов.

Полезные статьи

Руководства и советы по теме

Техническая поддержка

Нашли баг, сбой или ошибку в работе сервиса? Есть предложение по улучшению? Напишите нам — мы читаем каждое сообщение и стараемся быстро исправлять проблемы.