Перетворення кольорів RGB в HSL

Введіть рівні червоного, зеленого та синього кольорів (0..255) і натисніть кнопку « Перетворити »:

Введіть червоний колір (R):
Введіть зелений колір (G):
Введіть синій колір (B):
   
Відтінок (H): °  
Насиченість (S): %  
Легкість (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

Колір Колір

назва

 Hex (R,G,B) (H,S,L)
  чорний #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%)
  Срібло #BFBFBF (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 •°