Інструмент конвертації RGB HSL

Red:

Green:

Blue:

HSL:
HEX:

Інструмент конвертації кольору

Конвертація RGB HSL

Конвертація з RGB в HSL - це процес зміни кольорового простору. RGB (червоний, зелений, синій) - це три основних кольори світла, які широко використовуються в цифрових зображеннях. HSL (відтінок, насиченість, яскравість) представляє інший спосіб вираження кольору, де відтінок - це тип кольору, насиченість - чистота кольору, а яскравість - яскравість.

Конвертація з RGB в HSL використовує математичні обчислення. Спочатку нормалізуються значення RGB, а потім обчислюються значення HSL. Цей процес широко використовується у сферах обробки зображень та веб-дизайну і допомагає в управлінні кольором та його конвертації.

Конвертація з RGB в HSL - це важливий інструмент для розуміння способів вираження кольору та управління кольором у візуальному дизайні. За допомогою цієї конвертації ви можете експериментувати з різними комбінаціями відтінку, насиченості та яскравості, що дозволяє створювати більш насичені кольори.

Список кодів кольорів RGB та HSL

Назва кольору

Код кольору RGB

Код кольору HSL

Колір

Червоний

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Зелений

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Синій

rgb(0, 0, 255)

hsl(240, 100%, 50%)

Жовтий

rgb(255, 255, 0)

hsl(60, 100%, 50%)

Пурпурний

rgb(128, 0, 128)

hsl(300, 100%, 25%)

Формули конвертації RGB HSL

Формули конвертації з RGB в HSL

Вхід (R, G, B)

Вихід (H, S, L)

0 ≤ R, G, B ≤ 1

0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1

1. Знаходження максимального та мінімального значень:

 Cmax = max(R, G, B)
 Cmin = min(R, G, B)
 Δ = Cmax - Cmin

2. Обчислення відтінку (H):

 H =
 | (G - B) / Δ , якщо Cmax = R
 | (B - R) / Δ + 2 , якщо Cmax = G
 | (R - G) / Δ + 4 , якщо Cmax = B

Проте може знадобитися внесення корекцій для обмеження H у межах 360 градусів.

3. Обчислення насиченості (S):
S = Δ / (1 - |2L - 1|)

4. Обчислення яскравості (L):
L = (Cmax + Cmin) / 2

5. Внесення корекцій в H для обмеження у межах 360 градусів:

 H = H * 60° , якщо H < 0
 H = H * 60° - 360° , якщо H ≥ 0

Що таке RGB?

RGB - це скорочення від червоний (Red), зелений (Green) і синій (Blue) - це цифрова кольорова модель. У цій моделі кольору різні відтінки створюються шляхом комбінації світла трьох основних кольорів - червоного, зеленого та синього.

Модель кольору RGB широко використовується в цифрових зображеннях та дисплеях електронних пристроїв, і кожен колір представлений значенням від 0 до 255. Комбінування компонентів червоного, зеленого та синього дозволяє створювати різноманітні кольори.

Що таке HSL?

HSL - це скорочення від відтінок (Hue), насиченість (Saturation) та яскравість (Lightness) - це спосіб представлення кольору. У цій моделі відтінок вказує на тип кольору (червоний, зелений, синій), насиченість - на яскравість кольору, а яскравість - на яскравість кольору.

Модель кольору HSL дозволяє інтуїтивно виразити кольори, і вона широко використовується в галузі дизайну та графіки. Змінюючи відтінок, можна змінювати тип кольору, а регулюючи насиченість та яскравість, можна налаштовувати яскравість та насиченість кольорів.

Які переваги у конвертації RGB в HSL?

Конвертація з RGB в HSL має кілька переваг. По-перше, HSL більш інтуїтивно зрозумілий для людського ока спосіб представлення кольору. Із використанням трьох елементів - відтінку, насиченості та яскравості - легше інтуїтивно регулювати тип кольору, яскравість та насиченість.

Крім того, у галузі дизайну та графіки часто використовується регулювання та конвертація кольорів. Конвертація з RGB в HSL дозволяє більш ефективно виконувати роботи з коригування та перевірки сумісності кольорів. З використанням HSL можна ефективно використовувати властивості відтінку, насиченості та яскравості для створення виразних дизайнів та композицій.