Конвертер цветов
Преобразуйте цвета между HEX, RGB, HSL, HSB, CMYK и именами CSS мгновенно.
Функции конвертера цветов
Мгновенное преобразование цветов между всеми основными форматами.
Преобразуйте между HEX, RGB, HSL, HSB/HSV, CMYK и именованными цветами CSS одновременно.
Скопируйте любое значение цвета в буфер обмена мгновенно с помощью кнопки копирования.
Все преобразования происходят в вашем браузере. Никакие данные никуда не отправляются.
Почему преобразовывать между цветовыми форматами?
Разные инструменты и рабочие процессы используют разные цветовые форматы. Веб-разработчики используют HEX и RGB для CSS. Дизайнеры печати используют CMYK. Дизайнеры в таких инструментах, как Figma или Sketch, работают с HSL или HSB. Наш конвертер цветов мгновенно показывает все форматы, чтобы вы могли использовать ваш цвет везде.
Часто задаваемые вопросы
Что такое HEX цветовой код?
HEX цвет - это 6-значное шестнадцатеричное число, предшествующее символом # (например, #3b82f6). Каждая пара цифр представляет красный, зеленый и синий каналы от 00 (0) до FF (255).
HEX коды - это самый распространенный цветовой формат, используемый в веб-разработке и CSS.
Они компактны и читаемы для человека, как только вы научитесь распознавать общие значения, такие как #ffffff (белый) и #000000 (черный).
Что такое RGB?
RGB (Красный, Зеленый, Синий) представляет цвета, указывая интенсивность красного, зеленого и синего каналов в виде целых чисел от 0 до 255.
Например, rgb(59, 130, 246) - это тот же синий, что и #3b82f6.
RGB широко используется в CSS и цифровом дизайне. Это родная цветовая модель компьютерных экранов.
Что такое HSL?
HSL (Оттенок, Насыщенность, Светлота) описывает цвета с точки зрения угла оттенка (0-360), процента насыщенности (0-100%) и процента светлоты (0-100%).
HSL интуитивно понятно для дизайнеров, поскольку регулировка насыщенности или светлоты проста.
CSS нативно поддерживает HSL цвета с помощью функций hsl() и hsla().
Для чего используется CMYK?
CMYK (Циан, Магента, Желтый, Черный) - это цветовая модель, используемая в печати. Принтеры смешивают эти четыре чернил, чтобы производить цвета на бумаге.
Веб-цвета (RGB/HEX) не могут быть использованы напрямую для печати без преобразования.
Используйте наш конвертер, чтобы получить эквивалент CMYK при подготовке дизайнов для печати.
Что такое HSB/HSV?
HSB (также называемый HSV - Оттенок, Насыщенность, Значение) похож на HSL, но использует яркость/значение вместо светлоты.
Photoshop, GIMP, and many design tools use HSB as their primary color model.
При максимальной насыщенности и яркости (100%, 100%) HSB производит полностью насыщенные цвета, в то время как HSL при 50% светлоты производит то же самое.
Что такое именованные цвета CSS?
CSS определяет более 140 именованных цветов, которые можно использовать напрямую в таблицах стилей, таких как 'red', 'navy', 'cornflowerblue' и 'tomato'.
Если выбранный вами цвет точно совпадает с одним из этих именованных цветов, наш конвертер покажет имя.
Именованные цвета удобны для общих цветов и поддерживаются всеми браузерами.
Конверсия точная?
Да. Конверсии используют стандартные формулы цветовой науки и производят значения, соответствующие отраслевым стандартам.
Конверсия HEX ↔ RGB без потерь (точная). Значения HSL, HSB и CMYK округляются до целых чисел для удобства чтения.
Для печати помните, что цвета на экране (RGB) могут выглядеть немного иначе при печати в CMYK из-за различий в гамме.
Как я могу использовать это в CSS?
Скопируйте значение HEX для наиболее краткой формы: color: #3b82f6;
Или используйте RGB с непрозрачностью: color: rgba(59, 130, 246, 0.8);
Или используйте HSL, что упрощает регулировку яркости: color: hsl(217, 91%, 60%);