Переводим HEX-код цвета в RGB онлайн: введите #00FF7F и получите три канала 0-255 отдельными полями и готовую строку rgb().
Три числа R, G и B от 0 до 255 превращаются в шестизначный HEX-код. Поля с ограничением диапазона и кнопка «Копировать» рядом с результатом.
Собираем из HEX-кода и значения альфы готовую строку rgba() для CSS: поле «Прозрачность (0-1)» задает непрозрачность от полностью невидимой до сплошной.
Разбираем HEX код на тон, насыщенность и светлоту: значения H, S и L готовы для записи hsl() в CSS и для линейки оттенков одного цвета.
Три поля — H от 0 до 360, S и L в процентах — дают шестизначный HEX код. Нужен, когда палитра собрана по кругу, а в письмо требуется обычный код.
Разбираем цвет из каналов R, G и B на понятные тон, насыщенность и светлоту — чтобы осветлить оттенок или собрать палитру вокруг одного значения H.
Переводим тон, насыщенность и светлоту в три канала RGB: поля H (0-360), S (0-100%) и L (0-100%) и копируемый результат для кода и графики.
Введите HEX код сайта и получите проценты C, M, Y, K для типографии. Одно поле, кнопка, копирование результата; вычисления остаются во вкладке.
Переводим цвет CMYK в HEX онлайн: четыре поля от 0 до 100 и готовый код для CSS. Расчёт идёт в браузере, значения полей никуда не уходят.
Онлайн-пипетка и палитра цветов с выводом HEX, RGB, HSV и CMYK сразу. Впишите значение в любое из четырёх полей — остальные пересчитаются сами.
Проверка контрастности пары фон-текст по WCAG онлайн с оценкой AA и AAA. Две кнопки подбирают контрастный акцент и комплементарный цвет автоматически.
Извлечение палитры цветов из изображения онлайн: загрузите картинку и получите доминирующие оттенки в HEX и RGB. Ползунком задаётся от 3 до 777 цветов.
Перевести текст в шестнадцатеричный вид онлайн. Каждый символ становится кодом из двух цифр, коды разделяются пробелом, поле очищается кнопкой «Очистить».
Расшифровать HEX в текст онлайн: вставьте код через пробел (48 65 6c) или слитно (48656c), нажмите «Конвертировать» и заберите строку кнопкой «Копировать».
Один и тот же цвет в вёрстке, в макете и в типографии записывается по-разному, и переводить между записями приходится постоянно. Здесь собраны все конвертеры цвета сайта плюс три соседних инструмента: пипетка, генератор контрастной пары и разбор палитры готовой картинки.
HEX — привычная запись для CSS и для передачи цвета словами. RGB и RGBA описывают то же самое числами, а RGBA добавляет прозрачность, без которой не сделать наложение и мягкую тень. HSL устроен иначе и полезнее всего при ручной правке: оттенок, насыщенность и светлота меняются независимо, поэтому получить ряд оттенков одного цвета для состояний кнопки проще именно в нём.
CMYK стоит особняком: это печать. Перевод из экранного RGB в краски всегда приблизительный, потому что часть ярких экранных цветов краской не воспроизводится. Конвертер даёт рабочее приближение для макета, но финальную цветопробу всё равно делает типография.
Проверка контраста нужна отдельно: пара «текст — фон» должна набирать минимум 4.5:1 по WCAG, иначе текст будет плохо читаться на телефоне при солнце и не пройдёт аудит доступности.