нажмите стрелку вниз для случайного цвета
Конвертер цветов — это бесплатный онлайн-инструмент для конвертации значений цвета между различными форматами. Он поддерживает устаревшие стандарты, такие как имена X11, Hex, RGB, HSL и HSV, а также современные цветовые пространства, включая LAB, LCH, XYZ, OKLAB и OKLCH. Используя библиотеку @f12io/coco, инструмент фокусируется на математической точности: он гарантирует точные двусторонние (round-trip) преобразования без потери исходного значения.
С помощью Конвертер цветов вы можете конвертировать следующие форматы цветов друг в друга:
Цветовой код HEX, часто называемый просто "hex", представляет собой шестнадцатеричное представление цвета в веб-дизайне и цифровой графике. Он состоит из символа "#", за которым следует комбинация из шести символов, которыми могут быть цифры (0-9) и буквы (A-F). Эти символы представляют интенсивность красного, зеленого и синего (RGB) компонентов в цвете, что позволяет точно задавать широкий спектр цветов. Цветовые коды HEX широко используются в HTML и CSS для определения цветов веб-сайтов, предоставляя дизайнерам и разработчикам стандартизированный метод обеспечения согласованной и точной цветопередачи на различных платформах и в браузерах.
Цветовой код HEXA - это расширение традиционной цветовой модели HEX, включающее альфа-канал. В то время как стандартный код HEX определяет красный, зеленый и синий цвета с помощью шести символов (например, #RRGGBB), HEXA добавляет два дополнительных символа в конце для обозначения прозрачности (например, #RRGGBBAA). Альфа-значение варьируется от 00 (полностью прозрачный) до FF (полностью непрозрачный). Коды HEXA все чаще используются в современном веб-дизайне, поскольку они позволяют разработчикам указывать цвета с прозрачностью непосредственно в своих таблицах стилей одной лаконичной строкой.
Цветовой код HSL означает оттенок (Hue), насыщенность (Saturation) и яркость (Lightness). Это альтернативное представление цветовой модели RGB, разработанное так, чтобы быть более интуитивным и лучше согласованным с человеческим восприятием цвета. HSL разбивает цвет на три компонента:
Цветовой код HSLA, расширение цветовой модели HSL, добавляет альфа-канал в смесь. HSLA означает оттенок (Hue), насыщенность (Saturation), яркость (Lightness) и альфа.
Цветовой код HSV, что означает оттенок (Hue), насыщенность (Saturation) и значение (Value), представляет собой систему цветового представления, широко используемую в цифровом дизайне и вычислениях. В отличие от HEX, который фокусируется на красном, зеленом и синем основных цветах, HSV учитывает различные аспекты цвета:
Цветовой код HSVA, расширение цветовой модели HSV, вводит альфа-канал, в результате чего получается оттенок (Hue), насыщенность (Saturation), значение (Value) и альфа.
Цветовое пространство LAB (в частности, CIELAB или CIE L*a*b*) представляет собой цветовой стандарт, определенный Международной комиссией по освещению (CIE) в 1976 году. Он представляет цвета в трех измерениях: "L" для светлоты (от 0 для черного до 100 для белого), "a" для зелено-красного цветового компонента и "b" для сине-желтого цветового компонента. В отличие от RGB или CMYK, LAB разработан так, чтобы быть независимым от устройства, что означает, что он определяет цвета на основе человеческого восприятия, а не того, как они производятся конкретным экраном или принтером. Это делает его важнейшим промежуточным пространством для преобразования между различными цветовыми профилями.
Цветовой код LCH означает светлоту (Lightness), цветность (Chroma) и оттенок (Hue). Это цилиндрическое представление цветового пространства CIELAB (LAB), разработанное так, чтобы быть более интуитивным для человеческого понимания. "Светлота" представляет собой то, насколько ярким является цвет, "Цветность" указывает интенсивность или насыщенность, а "Оттенок" определяет сам цвет (например, красный, синий, зеленый) как угол на цветовом круге. LCH особенно ценится в дизайне и колориметрии за свою перцептивную однородность, что означает, что изменения числовых значений относительно хорошо соответствуют визуальным изменениям, воспринимаемым человеческим глазом.
Цветовое пространство OKLAB - это перцептивное цветовое пространство, разработанное Бьорном Оттоссоном в 2020 году. Оно служит современным улучшением традиционного пространства CIELAB, стремясь быть простым в использовании, исправляя при этом недостатки перцептивной однородности LAB, особенно при обработке синих оттенков, которые могут выглядеть фиолетовыми в LAB. OKLAB использует три координаты: "L" для воспринимаемой светлоты, "a" для зелено-красного и "b" для сине-желтого. Его превосходная перцептивная точность делает его отличным выбором для таких задач, как смешивание цветов, создание градиентов и обработка изображений.
OKLCH - это цветовое пространство, которое сочетает в себе перцептивную однородность OKLAB с интуитивно понятными цилиндрическими координатами LCH (светлота, цветность, оттенок). Оно все чаще становится предпочтительным цветовым пространством для современного веб-дизайна и CSS, поскольку позволяет предсказуемо манипулировать цветом — например, создавать гармоничные палитры или регулировать яркость без изменения воспринимаемого оттенка — лучше, чем HSL или стандартный LCH. Оно поддерживается изначально в современном CSS Color Module Level 4, что позволяет создавать более яркие и доступные цветовые схемы.
Цветовой код RGB, сокращение от Red, Green, Blue (Красный, Зеленый, Синий), представляет собой числовое представление, используемое в цифровом дизайне и вычислениях для определения цветов. Он состоит из трех числовых значений, каждое в диапазоне от 0 до 255, представляющих интенсивность основных цветов: красного, зеленого и синего. Регулируя эти значения, можно создать широкий спектр цветов. Цветовые коды RGB обычно используются в различных приложениях, включая веб-дизайн, графический дизайн и редактирование изображений, для точного определения и воспроизведения цветов для цифровых дисплеев, изображений и контента.
Цветовой код RGBA, что означает Красный, Зеленый, Синий, Альфа, представляет собой формат цветового представления, используемый в цифровом дизайне и вычислениях. Это расширение цветовой модели RGB, где помимо указания интенсивности красного, зеленого и синего (RGB) компонентов, включен альфа-канал. Альфа-канал управляет прозрачностью или непрозрачностью цвета, значения варьируются от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Цветовые коды RGBA широко используются в веб-дизайне, графическом дизайне и редактировании изображений для определения цветов с различными уровнями прозрачности, что делает его необходимым для создания визуально привлекательного и многослойного цифрового контента.
Цветовое пространство XYZ, созданное CIE (Международной комиссией по освещению) в 1931 году, является фундаментальной моделью для всех современных систем управления цветом. Оно математически определяет взаимосвязь между физическими длинами волн света и человеческим цветовым зрением. В этой модели "Y" соответствует яркости (Luminance), в то время как "X" и "Z" служат виртуальными компонентами для описания цветности. Поскольку оно охватывает все цвета, видимые человеческим глазом, XYZ служит стандартным эталонным пространством для преобразования цветов между различными устройствами и цветовыми пространствами.
Цвета X11 относятся к стандартизированному набору цветов, используемых в вычислениях, в частности в X Window System, распространенном графическом интерфейсе пользователя для Unix-подобных операционных систем. Цветовая палитра X11 включает 140 именованных цветов, каждый из которых имеет определенное представление в виде шестнадцатеричного кода (HEX). Эти именованные цвета обеспечивают последовательный и широко признанный способ определения цветов в разработке программного обеспечения, веб-дизайне и графическом дизайне. Дизайнеры и разработчики часто используют названия цветов X11, такие как "red", "blue" и "green", вместе с их соответствующими значениями HEX, чтобы обеспечить согласованность цветов и совместимость между различными системами и платформами.