Narzędzie konwersji RGB na HSL

Red:

Green:

Blue:

HSL:
HEX:

Narzędzie Konwersji Kolorów

Konwersja RGB na HSL

Konwersja z RGB na HSL to proces zmiany przestrzeni kolorów. RGB (czerwony, zielony, niebieski) to trzy podstawowe kolory światła, powszechnie używane w cyfrowych obrazach. HSL (barwa, nasycenie, jasność) to inny sposób reprezentacji koloru, gdzie barwa oznacza rodzaj koloru, nasycenie określa czystość koloru, a jasność odnosi się do jasności.

Konwersja z RGB na HSL wykorzystuje obliczenia matematyczne. Najpierw normalizowane są wartości RGB, a następnie obliczane są wartości HSL. Ten proces jest szeroko stosowany w dziedzinach takich jak przetwarzanie obrazu czy projektowanie stron internetowych, pomagając w konwersji i dostosowywaniu kolorów.

Konwersja z RGB na HSL to istotne narzędzie do zrozumienia sposobu reprezentacji kolorów i zarządzania nimi w projektowaniu wizualnym. Umożliwia eksperymentowanie z różnymi kombinacjami barw barwy, nasycenia i jasności, co pozwala na bogatsze wyrażenie kolorów.

Nazwa koloru

Kod koloru RGB

Kod koloru HSL

Kolor

Czerwony

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Zielony

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Niebieski

rgb(0, 0, 255)

hsl(240, 100%, 50%)

Żółty

rgb(255, 255, 0)

hsl(60, 100%, 50%)

Fioletowy

rgb(128, 0, 128)

hsl(300, 100%, 25%)

Przekształcenie RGB na HSL

Wejście (R, G, B)

Wyjście (H, S, L)

0 ≤ R, G, B ≤ 1

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

1. Znajdź maksymalną i minimalną wartość:

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

2. Oblicz kąt barwy (H):

 H =
 | (G - B) / Δ , jeśli Cmax = R
 | (B - R) / Δ + 2 , jeśli Cmax = G
 | (R - G) / Δ + 4 , jeśli Cmax = B

Jednakże, może być konieczna korekta, aby zawrzeć H w zakresie 360 stopni.

3. Oblicz nasycenie (S):
S = Δ / (1 - |2L - 1|)

4. Oblicz jasność (L):
L = (Cmax + Cmin) / 2

5. Dopasuj obliczone H do zakresu 360 stopni:

 H = H * 60° , jeśli H < 0
 H = H * 60° - 360° , jeśli H ≥ 0

Co to jest RGB?

RGB to skrót od czerwony (Red), zielony (Green) i niebieski (Blue), to rodzaj cyfrowego modelu kolorów. W tym modelu różne kolory są reprezentowane poprzez kombinację trzech podstawowych kolorów światła: czerwonego, zielonego i niebieskiego.

Model kolorów RGB jest powszechnie używany w cyfrowych obrazach, na ekranach elektronicznych i innych urządzeniach. Każdy kolor jest przedstawiony w zakresie od 0 do 255 dla każdej z trzech składowych: czerwonej, zielonej i niebieskiej, umożliwiając mieszanie różnych kolorów.

Co to jest HSL?

HSL to skrót od odcień (Hue), nasycenie (Saturation) i jasność (Lightness), to jeden z modeli reprezentacji kolorów. W tym modelu odcień określa rodzaj koloru (czerwony, zielony, niebieski itp.), nasycenie określa intensywność koloru, a jasność określa jasność koloru.

Model kolorów HSL jest szeroko stosowany w projektowaniu graficznym, umożliwiając intuicyjną kontrolę nad kolorami. Zmiana odcienia pozwala na zmianę rodzaju koloru, a regulacja nasycenia i jasności umożliwia dostosowanie intensywności i jasności koloru.

Jakie są korzyści z przekształcania RGB na HSL?

Przekształcenie z RGB na HSL ma kilka korzyści. Po pierwsze, HSL jest bardziej intuicyjnym sposobem reprezentacji kolorów, co ułatwia zrozumienie rodzaju koloru, intensywności i jasności poprzez trzy elementy: odcień, nasycenie i jasność.

W dziedzinie projektowania graficznego często dokonuje się częstych dostosowań kolorów. Przekształcenie z RGB na HSL umożliwia efektywne dokonywanie subtelnych zmian kolorów, sprawdzanie zgodności kolorów i korzystanie z charakterystyk odcienia, nasycenia i jasności w celu uzyskania różnorodnych efektów kolorystycznych i projektów.