Преобразование цветов HSL в RGB

Введите оттенок в градусах (°), насыщенность и яркость (0..100%) и нажмите кнопку Преобразовать :

Введите оттенок (H): °  
Введите насыщенность (S): %  
Введите яркость (L): %  
   
Шестнадцатеричный код RGB (#):  
Красный цвет (R):  
Зеленый цвет (G):  
Синий цвет (В):  
Предварительный просмотр цвета:  

Преобразование RGB в HSL ►

Формула преобразования HSL в RGB

Когда 0 ≤ H < 360, 0 ≤ S ≤ 1 и 0 ≤ L ≤ 1:

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

Таблица цветов HSL в RGB

Цвет Цвет

имя

(В, С, Н) Шестнадцатеричный (красный, зеленый, синий)
  Черный (0°,0%,0%) #000000 (0,0,0)
  Белый (0°, 0%, 100%) #FFFFFF (255 255 255)
  Красный (0°,100%,50%) #FF0000 (255,0,0)
  Лайм (120°,100%,50%) #00FF00 (0,255,0)
  Синий (240°,100%,50%) #0000FF (0,0,255)
  Желтый (60°,100%,50%) #FFFF00 (255,255,0)
  Голубой (180°,100%,50%) #00FFFF (0 255 255)
  Пурпурный (300°,100%,50%) #FF00FF (255,0,255)
  Серебро (0°,0%,75%) #БФБФБФ (191 191 191)
  Серый (0°,0%,50%) #808080 (128 128 128)
  темно-бордовый (0°,100%,25%) #800000 (128,0,0)
  Оливковое (60°,100%,25%) #808000 (128,128,0)
  Зеленый (120°,100%,25%) #008000 (0,128,0)
  Фиолетовый (300°,100%,25%) #800080 (128,0,128)
  Бирюзовый (180°,100%,25%) #008080 (0 128 128)
  Военно-морской (240°,100%,25%) #000080 (0,0,128)

 

Преобразование RGB в HSL ►

 


Смотрите также

Преобразование цветов HSL в RGB

Цветовое пространство RGB — это аддитивное цветовое пространство, в котором используются три основных цвета: красный, зеленый и синий, для создания всех остальных цветов.Значения цвета RGB задаются с помощью трех 8-битных целых чисел, по одному для каждого основного цвета.Это создает диапазон возможных цветов от 0 (без света) до 255 (полный свет).

HSL (оттенок, насыщенность, яркость) — это цветовое пространство, которое является более интуитивным способом указания цветов, чем RGB.Значения HSL задаются с использованием трех чисел с плавающей запятой, по одному для каждого компонента.Диапазон возможных значений HSL — от 0 (отсутствие оттенка) до 1 (полная насыщенность и яркость).

Преобразование RGB в HSL — это процесс преобразования значений цвета RGB в значения HSL.Формула преобразования RGB в HSL:

оттенок = (красный — зеленый) / (красный + зеленый + синий)
насыщенность = (синий — зеленый) / (синий + зеленый + красный)

Возможности инструмента преобразования цветов HSL в RGB

  1. Ввод HSL (оттенок, насыщенность и яркость): инструмент позволяет вводить цвета в цветовом пространстве HSL, которое основано на трех характеристиках оттенка, насыщенности и яркости.

  2. Вывод RGB (красный, зеленый, синий): инструмент преобразует цвета HSL в цветовое пространство RGB, основанное на трех основных цветах: красном, зеленом и синем.

  3. Предварительный просмотр цвета: инструмент обычно включает функцию предварительного просмотра цвета, которая позволяет вам увидеть представление выбранного цвета HSL в том виде, в каком он будет отображаться в цветовом пространстве RGB.

  4. Настраиваемые ползунки. Многие инструменты преобразования цветов HSL в RGB включают настраиваемые ползунки или поля ввода, которые позволяют точно настраивать значения цвета HSL для получения желаемого результата RGB.

  5. Шестнадцатеричный вывод: Инструмент также может предоставить результирующий цвет RGB в шестнадцатеричном цветовом формате, который является стандартным представлением цветов, используемых в веб-дизайне и других цифровых приложениях.

  6. Цветовая палитра: некоторые инструменты преобразования HSL в RGB включают функцию цветовой палитры, которая позволяет вам выбирать из ряда предустановленных цветов или создавать свои собственные цвета.

  7. История цветов: некоторые инструменты могут также иметь функцию истории цветов, которая позволяет отслеживать преобразованные цвета, упрощая использование одних и тех же цветов в нескольких проектах.

  8. Совместимость с различными цветовыми пространствами: некоторые инструменты преобразования HSL в RGB совместимы с другими цветовыми пространствами, такими как CMYK (голубой, пурпурный, желтый и черный) или HSB (оттенок, насыщенность и яркость), что позволяет выполнять преобразование между этими различными цветами. также модели.

Advertising

ПРЕОБРАЗОВАНИЕ ЦВЕТА
°• CmtoInchesConvert.com •°