Конвертер
цветов онлайн

Переводите цвета между HEX, RGB и HSL, выбирайте оттенок палитрой и проверяйте контраст текста по стандарту доступности WCAG.

Контраст

Оттенки

Для чего нужен конвертер цветов

Дизайнеры и верстальщики постоянно переводят цвета между форматами: в макете HEX, в коде RGB или HSL. Конвертер делает это мгновенно.

Проверка контраста помогает сделать текст читаемым: по WCAG для обычного текста нужен контраст не ниже 4,5:1.

Всё считается в браузере.

Вопросы

Что такое HEX?

Запись цвета шестнадцатеричным числом, например #3B82F6: по две цифры на красный, зелёный и синий.

Чем HSL удобнее RGB?

HSL описывает цвет оттенком, насыщенностью и светлотой, поэтому проще делать светлее или темнее.

Что значит AA?

Уровень доступности WCAG: AA требует контраст 4,5:1 для обычного текста и 3:1 для крупного.

Можно ли ввести цвет по названию?

Нет, вводите HEX, rgb() или hsl().

Площадка не открывается?

Zexor VPN работает там, где сервисы замедляют или блокируют. Первые 3 дня бесплатно.

Попробовать VPN

Нужно больше от нейросетей?

Воображариум: картинки и видео по описанию, фото- и видеоредактор, чат с ИИ — прямо в Telegram и на сайте.

Открыть Воображариум