Конвертер цветов

Конвертер цветов
hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, цвета x11

нажмите стрелку вниз для случайного цвета

HEX в RGB
OKLCH в HEX
Все конвертеры

Конвертер цветов — это бесплатный онлайн-инструмент для конвертации значений цвета между различными форматами. Он поддерживает устаревшие стандарты, такие как имена X11, Hex, RGB, HSL и HSV, а также современные цветовые пространства, включая LAB, LCH, XYZ, OKLAB и OKLCH. Используя библиотеку @f12io/coco, инструмент фокусируется на математической точности: он гарантирует точные двусторонние (round-trip) преобразования без потери исходного значения.

Какие форматы цветов поддерживаются?

С помощью Конвертер цветов вы можете конвертировать следующие форматы цветов друг в друга:

  • HEX
  • HEXA
  • HSL
  • HSLA
  • HSV
  • HSVA
  • LAB
  • LCH
  • OKLAB
  • OKLCH
  • RGB
  • RGBA
  • XYZ

Что такое HEX код цвета?

Цветовой код HEX, часто называемый просто "hex", представляет собой шестнадцатеричное представление цвета в веб-дизайне и цифровой графике. Он состоит из символа "#", за которым следует комбинация из шести символов, которыми могут быть цифры (0-9) и буквы (A-F). Эти символы представляют интенсивность красного, зеленого и синего (RGB) компонентов в цвете, что позволяет точно задавать широкий спектр цветов. Цветовые коды HEX широко используются в HTML и CSS для определения цветов веб-сайтов, предоставляя дизайнерам и разработчикам стандартизированный метод обеспечения согласованной и точной цветопередачи на различных платформах и в браузерах.

Что такое HEXA код цвета?

Цветовой код HEXA - это расширение традиционной цветовой модели HEX, включающее альфа-канал. В то время как стандартный код HEX определяет красный, зеленый и синий цвета с помощью шести символов (например, #RRGGBB), HEXA добавляет два дополнительных символа в конце для обозначения прозрачности (например, #RRGGBBAA). Альфа-значение варьируется от 00 (полностью прозрачный) до FF (полностью непрозрачный). Коды HEXA все чаще используются в современном веб-дизайне, поскольку они позволяют разработчикам указывать цвета с прозрачностью непосредственно в своих таблицах стилей одной лаконичной строкой.

Что такое HSL код цвета?

Цветовой код HSL означает оттенок (Hue), насыщенность (Saturation) и яркость (Lightness). Это альтернативное представление цветовой модели RGB, разработанное так, чтобы быть более интуитивным и лучше согласованным с человеческим восприятием цвета. HSL разбивает цвет на три компонента:

  • Оттенок (Hue): Представляет сам тип цвета, например красный, синий или желтый, измеряемый в градусах на цветовом круге (0-360).
  • Насыщенность (Saturation): Указывает интенсивность или чистоту цвета, от 0% (градации серого) до 100% (полный цвет).
  • Яркость (Lightness): Определяет, насколько светлым или темным выглядит цвет, от 0% (черный) до 100% (белый).

Что такое HSLA код цвета?

Цветовой код HSLA, расширение цветовой модели HSL, добавляет альфа-канал в смесь. HSLA означает оттенок (Hue), насыщенность (Saturation), яркость (Lightness) и альфа.

  • Оттенок (Hue): Представляет тип цвета в градусах (0-360).
  • Насыщенность (Saturation): Измеряет чистоту цвета (от 0% до 100%).
  • Яркость (Lightness): Указывает яркость (0% для черного, 100% для белого).
  • Альфа: Управляет прозрачностью (0 для полностью прозрачного, 1 для полностью непрозрачного).

Что такое HSV код цвета?

Цветовой код HSV, что означает оттенок (Hue), насыщенность (Saturation) и значение (Value), представляет собой систему цветового представления, широко используемую в цифровом дизайне и вычислениях. В отличие от HEX, который фокусируется на красном, зеленом и синем основных цветах, HSV учитывает различные аспекты цвета:

  • Оттенок (Hue): Представляет тип цвета, варьирующийся от 0 до 360 градусов вокруг цветового круга.
  • Насыщенность (Saturation): Измеряет интенсивность или чистоту цвета, где 0% - это оттенки серого, а 100% - полностью насыщенный цвет.
  • Значение (Value): Указывает яркость цвета, где 0% - это черный, а 100% - полностью освещенный цвет.

Что такое HSVA код цвета?

Цветовой код HSVA, расширение цветовой модели HSV, вводит альфа-канал, в результате чего получается оттенок (Hue), насыщенность (Saturation), значение (Value) и альфа.

  • Оттенок (Hue): Определяет тип цвета со значениями от 0 до 360 градусов.
  • Насыщенность (Saturation): Указывает интенсивность цвета, варьирующуюся от 0% (градации серого) до 100% (полностью насыщенный).
  • Значение (Value): Определяет яркость, где 0% - это черный, а 100% - полностью освещенный цвет.
  • Альфа: Управляет прозрачностью, варьируясь от 0 (полностью прозрачный) до 1 (полностью непрозрачный).

Что такое LAB код цвета?

Цветовое пространство LAB (в частности, CIELAB или CIE L*a*b*) представляет собой цветовой стандарт, определенный Международной комиссией по освещению (CIE) в 1976 году. Он представляет цвета в трех измерениях: "L" для светлоты (от 0 для черного до 100 для белого), "a" для зелено-красного цветового компонента и "b" для сине-желтого цветового компонента. В отличие от RGB или CMYK, LAB разработан так, чтобы быть независимым от устройства, что означает, что он определяет цвета на основе человеческого восприятия, а не того, как они производятся конкретным экраном или принтером. Это делает его важнейшим промежуточным пространством для преобразования между различными цветовыми профилями.

Что такое LCH код цвета?

Цветовой код LCH означает светлоту (Lightness), цветность (Chroma) и оттенок (Hue). Это цилиндрическое представление цветового пространства CIELAB (LAB), разработанное так, чтобы быть более интуитивным для человеческого понимания. "Светлота" представляет собой то, насколько ярким является цвет, "Цветность" указывает интенсивность или насыщенность, а "Оттенок" определяет сам цвет (например, красный, синий, зеленый) как угол на цветовом круге. LCH особенно ценится в дизайне и колориметрии за свою перцептивную однородность, что означает, что изменения числовых значений относительно хорошо соответствуют визуальным изменениям, воспринимаемым человеческим глазом.

Что такое OKLAB код цвета?

Цветовое пространство OKLAB - это перцептивное цветовое пространство, разработанное Бьорном Оттоссоном в 2020 году. Оно служит современным улучшением традиционного пространства CIELAB, стремясь быть простым в использовании, исправляя при этом недостатки перцептивной однородности LAB, особенно при обработке синих оттенков, которые могут выглядеть фиолетовыми в LAB. OKLAB использует три координаты: "L" для воспринимаемой светлоты, "a" для зелено-красного и "b" для сине-желтого. Его превосходная перцептивная точность делает его отличным выбором для таких задач, как смешивание цветов, создание градиентов и обработка изображений.

Что такое OKLCH код цвета?

OKLCH - это цветовое пространство, которое сочетает в себе перцептивную однородность OKLAB с интуитивно понятными цилиндрическими координатами LCH (светлота, цветность, оттенок). Оно все чаще становится предпочтительным цветовым пространством для современного веб-дизайна и CSS, поскольку позволяет предсказуемо манипулировать цветом — например, создавать гармоничные палитры или регулировать яркость без изменения воспринимаемого оттенка — лучше, чем HSL или стандартный LCH. Оно поддерживается изначально в современном CSS Color Module Level 4, что позволяет создавать более яркие и доступные цветовые схемы.

Что такое RGB код цвета?

Цветовой код RGB, сокращение от Red, Green, Blue (Красный, Зеленый, Синий), представляет собой числовое представление, используемое в цифровом дизайне и вычислениях для определения цветов. Он состоит из трех числовых значений, каждое в диапазоне от 0 до 255, представляющих интенсивность основных цветов: красного, зеленого и синего. Регулируя эти значения, можно создать широкий спектр цветов. Цветовые коды RGB обычно используются в различных приложениях, включая веб-дизайн, графический дизайн и редактирование изображений, для точного определения и воспроизведения цветов для цифровых дисплеев, изображений и контента.

Что такое RGBA код цвета?

Цветовой код RGBA, что означает Красный, Зеленый, Синий, Альфа, представляет собой формат цветового представления, используемый в цифровом дизайне и вычислениях. Это расширение цветовой модели RGB, где помимо указания интенсивности красного, зеленого и синего (RGB) компонентов, включен альфа-канал. Альфа-канал управляет прозрачностью или непрозрачностью цвета, значения варьируются от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Цветовые коды RGBA широко используются в веб-дизайне, графическом дизайне и редактировании изображений для определения цветов с различными уровнями прозрачности, что делает его необходимым для создания визуально привлекательного и многослойного цифрового контента.

Что такое XYZ код цвета?

Цветовое пространство XYZ, созданное CIE (Международной комиссией по освещению) в 1931 году, является фундаментальной моделью для всех современных систем управления цветом. Оно математически определяет взаимосвязь между физическими длинами волн света и человеческим цветовым зрением. В этой модели "Y" соответствует яркости (Luminance), в то время как "X" и "Z" служат виртуальными компонентами для описания цветности. Поскольку оно охватывает все цвета, видимые человеческим глазом, XYZ служит стандартным эталонным пространством для преобразования цветов между различными устройствами и цветовыми пространствами.

Что такое цвета X11?

Цвета X11 относятся к стандартизированному набору цветов, используемых в вычислениях, в частности в X Window System, распространенном графическом интерфейсе пользователя для Unix-подобных операционных систем. Цветовая палитра X11 включает 140 именованных цветов, каждый из которых имеет определенное представление в виде шестнадцатеричного кода (HEX). Эти именованные цвета обеспечивают последовательный и широко признанный способ определения цветов в разработке программного обеспечения, веб-дизайне и графическом дизайне. Дизайнеры и разработчики часто используют названия цветов X11, такие как "red", "blue" и "green", вместе с их соответствующими значениями HEX, чтобы обеспечить согласованность цветов и совместимость между различными системами и платформами.

Список названий цветов X11

Конвертер цветов

hex, rgb, oklch, hsl, hsv, lab, lch, xyz, oklab, цвета x11

Github
© 2025 Конвертер цветов

HEX8

RGB

HSL

HSV

XYZ

LAB

LCH

OKLAB

OKLCH

Advertisement