24 converter Единицы · Валюты · Файлы

Перевести RGB в HSL Red Green Blue ↔ Hue Saturation Lightness Бесплатно Онлайн Безопасно

Введите значение в RGB и сразу прочтите его в HSL. Счёт идёт в вашем браузере, никуда ничего не отправляется, а от чего зависит ответ, написано ниже, а не подразумевается.

Перевести значение

На обратном пути округляется
RGB
hsl(30, 29%, 27%) HSL
Один цвет, две записи

rgb(90, 70, 50) = hsl(30, 29%, 27%)

Об этом преобразователе
Формула rgb(R, G, B) → hsl(H, S%, L%)
Что сохраняется Цвет так, как его раскладывает глаз: тон на круге, насколько насыщен, насколько светел. Ради этого hsl и нужен — цвет делается бледнее или на шаг темнее изменением одного числа, что в hex почти невозможно.
Чего он не может Оба описывают одни и те же цвета, но hsl приходит к ним другой геометрией, и три его числа при записи округляются до целых градусов и целых процентов. Цвет, сходивший в hsl и обратно, может оказаться на шаг-другой от исходного — на глаз тот же, побайтно нет. Если нужны те же байты, сохраните hex.
Где он работает В вашем браузере. Ничего не загружается, значит и удалять потом нечего.

Ничего не загружается

Откуда взялись эти записи

Hex и RGB — одно и то же, записанное дважды. Экранный цвет — это три числа: сколько излучить красного, зелёного и синего света, каждое от 0 до 255, то есть байт; hex просто записывает эти байты по основанию шестнадцать, так что #FF8800 и rgb(255, 136, 0) — одно и то же распоряжение одному и тому же пикселю. HSL придумали оттого, что ни то ни другое человеку не читается: он даёт тон как угол на цветовом круге, а насыщенность и светлоту в процентах, и потому дизайнер может сделать что-то светлее, не пересчитывая три числа. CMYK принадлежит совсем иному миру — краске, а не свету. Он вычитающий, построен из четырёх печатных форм и достаёт не до всякого цвета, какой может дать экран, ведь экран излучает свет, а бумага лишь отражает его.

Где они встречаются

Hex — это то, что набирают в таблице стилей и что выдаёт дизайнерский инструмент. RGB появляется всюду, где цвету нужна арифметика: градиенты, прозрачность, код, вычисляющий оттенок. К HSL тянутся, когда палитру подбирают руками, ведь нужные изменения обычно суть изменения одного из трёх его чисел. CMYK — то, чего просит типография, и перевод в него есть тот миг, когда макет перестаёт быть светом и становится краской.

Частые вопросы

Почему мой результат в CMYK не совпадает с типографским?

Потому что единственно верного перевода не существует. Арифметика на этой странице — простая, не зависящая от устройства; это верный ответ, когда нужна отправная точка или грубое соответствие. Типография переводит через цветовой профиль, учитывающий именно эту краску, бумагу и машину, и один и тот же цвет RGB даст на мелованной глянцевой бумаге не те значения CMYK, что на немелованной. Для всего, что обязано совпасть, просите у типографии их профиль, а не доверяйтесь формуле.

Почему некоторые экранные цвета нельзя напечатать?

Потому что эти два не достают до одних и тех же цветов. Экран делает цвет, прибавляя свет, и способен на яркий насыщенный голубой или зелёный, какого краска просто не повторит; бумага делает цвет, поглощая свет, и самое светлое, чем она может быть, — белизна страницы. Множество достижимых цветов называют охватом, и там, где охваты не пересекаются, перевод вынужден выбрать ближайший доступный цвет. Оттого яркий экранный цвет в печати часто выглядит слегка приглушённым.

Ответ точный?

Там, где обе единицы определены одна через другую целыми числами, — да; страница говорит об этом над числом, и единственное округление — в том, сколько знаков показано. Там, где отношение не имеет конечной десятичной записи, страница показывает двенадцать значащих цифр и называет соотношение приближённым, а не делает вид, что это не так.

Уходит ли с моего устройства что-нибудь из набранного?

Нет. Счёт идёт в вашем браузере; ничего не отправляется, да и некуда — сервера для этого нет. Загрузите страницу один раз, и она работает с выключенной сетью.

Длина и площадь Масса и объём Температура Валюты