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

Введите уровни красного, зеленого и синего цвета (0..255) и нажмите кнопку Convert :

Введите красный цвет (R):
Введите зеленый цвет (G):
Введите синий цвет (B):
   
Оттенок (Н): °  
Насыщенность (С): %  
Легкость (L): %  
Предварительный просмотр цвета:  

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

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

Значения R , G , B делятся на 255, чтобы изменить диапазон от 0..255 до 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Расчет оттенка:

 

Расчет насыщенности:

 

Расчет легкости:

L = (Cmax + Cmin) / 2

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

Цвет Цвет

имя

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

 

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

 

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

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

  1. Преобразование значений RGB в значения HSL: инструмент позволяет пользователям вводить значения RGB (красный, зеленый, синий) и преобразовывать их в соответствующие значения HSL (оттенок, насыщенность, яркость).

  2. Преобразование значений HSL в значения RGB. Инструмент также позволяет пользователям вводить значения HSL и преобразовывать их в соответствующие значения RGB.

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

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

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

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

  7. Библиотека или палитра цветов. Некоторые инструменты могут включать библиотеку или палитру предопределенных цветов, которые пользователи могут выбирать или использовать в качестве эталона.

  8. Отзывчивый дизайн: инструмент должен быть отзывчивым и хорошо работать на различных устройствах, таких как настольные компьютеры, планшеты и смартфоны.

  9. Визуализация цветового пространства HSL. Некоторые инструменты могут включать визуализацию цветового пространства HSL, что может помочь пользователям понять, как разные значения HSL соответствуют разным цветам.

  10. Возможность настроить значения HSL в процентах или градусах: некоторые инструменты могут позволять пользователям вводить значения HSL в процентах или градусах, в зависимости от их предпочтений.

Advertising

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