Конвертер
цветов онлайн
Переводите цвета между 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 и на сайте.
Открыть Воображариум