Переводите значения цвета между форматами HEX, RGB, HSL, HSV и CMYK. Каждый конвертер показывает все форматы сразу, формулу преобразования и таблицу популярных цветов.
На этих двенадцати страницах собраны конвертеры между HEX, RGB, HSL, HSV и CMYK. Каждая страница работает только в одну сторону, поэтому пояснения, примеры и советы подходят именно к вашей задаче. Выберите формат, который у вас уже есть, и формат, который нужен. Веб-разработчикам чаще всего пригодятся страницы HEX, RGB и HSL. Дизайнеры, которые подбирают цвет на глаз, обычно работают в HSL и HSV. Тем, кто готовит макеты для типографии, пригодятся две пары конвертеров CMYK. На каждой странице есть формула, разобранный пример и таблица популярных цветов.
Все конвертеры
- HEX → RGB
Переводит цветовой код HEX из брендбука в числа красного, зелёного и синего для API, canvas и полупрозрачных слоёв.
- RGB → HEX
Собирает значения rgb() из кода или пипетки в короткий HEX для токенов, SVG и HTML-писем.
- HEX → HSL
Превращает HEX в оттенок, насыщенность и светлоту, чтобы строить hover-состояния, темы и шкалы тонов.
- HSL → HEX
Фиксирует подобранный в HSL цвет в виде HEX для макетов, писем и инструментов без поддержки hsl().
- RGB → HSL
Показывает RGB-цвет через оттенок и светлоту, чтобы сортировать цвета, группировать пиксели и править насыщенность.
- HSL → RGB
Переводит цвета, созданные циклом по оттенку, в три канала для светодиодных лент, canvas и игровых движков.
- RGB → CMYK
Даёт приблизительную раскладку экранного RGB по краскам для разговора с типографией и черновых макетов.
- CMYK → RGB
Восстанавливает экранную версию цвета из процентов CMYK печатного брендбука или старой спецификации.
- HEX → CMYK
Переносит цвет сайта в CMYK для визиток, баннеров и мерча за один шаг, без ручного промежуточного RGB.
- CMYK → HEX
Превращает проценты CMYK из печатного задания в готовый HEX для CSS, презентаций и HTML-писем.
- RGB → HSV
Переводит RGB в оттенок, насыщенность и яркость для пипеток Photoshop и порогов цвета в OpenCV.
- HSV → RGB
Превращает значения HSB из палитр и движков в RGB для CSS, шейдеров и файлов изображений.
Нужно определить цвет пикселя на картинке или скриншоте? Попробуйте бесплатную пипетку цвета →