Конвертация цветов между форматами
Введите цвет в любом формате CSS — HEX-код вроде #3B82F6 или #38F, rgb() или rgba(), hsl() или название, например tomato, — либо выберите его на палитре. Инструмент покажет тот же цвет в HEX, RGB, HSL, HSV и CMYK, готовый для копирования в CSS, графический редактор или настройки печати.
Кроме того, он показывает, насколько хорошо читается белый или чёрный текст на этом цвете, в виде коэффициента контраста WCAG: 4.5:1 и выше соответствует уровню AA для обычного текста. Цвет интерпретируется вашим браузером точно так же, как в CSS.
Зачем использовать этот конвертер цветов?
- HEX, RGB, HSL, HSV и CMYK в одном месте
- Принимает любые форматы цветов CSS и названия цветов
- Поддержка прозрачности (альфа-канала)
- Контраст WCAG с белым и чёрным текстом
Как конвертировать цвет
- Введите или вставьте цвет либо выберите его на палитре
- Посмотрите цвет во всех форматах рядом с его образцом
- Нажмите кнопку копирования рядом с нужным форматом
Часто задаваемые вопросы
Этот конвертер цветов бесплатный?
Да, он полностью бесплатен и работает в вашем браузере.
Чем отличаются RGB, HSL и HSV?
RGB смешивает красный, зелёный и синий свет (каждый от 0 до 255). HSL и HSV описывают тот же цвет через тон (0–360°), насыщенность и светлоту или яркость, что упрощает создание более светлых, тёмных или приглушённых вариантов.
Что означает коэффициент контраста?
Он сравнивает яркость цвета текста и фона (WCAG 2). Для обычного текста на уровне AA требуется соотношение не менее 4.5:1, для крупного — 3:1; чем выше значение, тем легче читать.
Отправляется ли что-нибудь на сервер?
Нет. Все вычисления выполняются в вашем браузере.