К содержимому
kalqulyator.ru
Личный кабинет

Меню

Перевод RGB в HSL

Сообщите об ошибке или неточности

Опишите найденную неточность.

Осталось 1000 символов

Разместить у себя

Настройте калькулятор и скопируйте код на свой сайт.

Код для вставки

<script src="https://kalqulyator.ru/embed.js" data-calc="b09-rgb-hsl" data-mode="button" data-theme="light" data-accent="#1d4ed8" data-text-color="#172033" data-card-bg="#ffffff" data-size="adaptive" async></script>
Как вставить
  1. Tilda: добавьте блок HTML-кода и вставьте строку.
  2. WordPress: добавьте блок "Пользовательский HTML" и вставьте строку.
  3. Обычный HTML: вставьте строку в нужное место страницы.

Предпросмотр

Данные для расчёта

Тон H

Введите данные - результат обновится автоматически.

0.000 °

Насыщенность S
100.000 %
Светлота L
50.000 %
Десятичный RGB-код
16711680

Часть значений появится, когда заполните остальные поля.

Расчёт справочный и не заменяет консультацию специалиста.

Переведите целые каналы sRGB от 0 до 255 в тон, насыщенность и светлоту HSL. Для серых цветов тон условно равен нулю; также выводится десятичный код R×65536 + G×256 + B.
Заказать калькулятор под ваш сайт

Как считается

valid

IF("Красный — R"==FLOOR("Красный — R") && "Зелёный — G"==FLOOR("Зелёный — G") && "Синий — B"==FLOOR("Синий — B"),1,1/0)

hi

MAX("Красный — R","Зелёный — G","Синий — B")/255

lo

MIN("Красный — R","Зелёный — G","Синий — B")/255

delta

hi-lo

Светлота L

(hi+lo)*50*valid

Насыщенность S

IF(delta==0,0,100*delta/(1-ABS(hi+lo-1)))*valid

sector

IF(delta==0,0,IF(hi=="Красный — R"/255,("Зелёный — G"-"Синий — B")/(255*delta),IF(hi=="Зелёный — G"/255,("Синий — B"-"Красный — R")/(255*delta)+2,("Красный — R"-"Зелёный — G")/(255*delta)+4)))

Тон H

(sector-6*FLOOR(sector/6))*60*valid

Десятичный RGB-код

("Красный — R"*65536+"Зелёный — G"*256+"Синий — B")*valid

Пример расчёта

Красный — R
255
Зелёный — G
0
Синий — B
0
Тон H
0,000 °
Насыщенность S
100,000 %
Светлота L
50,000 %
Десятичный RGB-код
16 711 680

Числа взяты из контрольного примера калькулятора - на них он проверяется тестами.

Источники

Комментарии (0)

Комментариев пока нет.

Оставить комментарий

Комментарий появится после проверки

Связаться с поддержкой

Напишите, чем мы можем помочь.

Вход в кабинет

Забыли пароль?