Konwersja kolorów HSL na RGB

Wprowadź odcień w stopniach (°), nasycenie i jasność (0..100%) i naciśnij przycisk Konwertuj :

Podaj odcień (H): °  
Podaj nasycenie (S): %  
Wpisz jasność (L): %  
   
Kod szesnastkowy RGB (#):  
Kolor czerwony (R):  
Kolor zielony (G):  
Kolor niebieski (B):  
Podgląd kolorów:  

Konwersja RGB na HSL ►

Formuła konwersji HSL na RGB

Gdy 0 ≤ H < 360, 0 ≤ S ≤ 1 i 0 ≤ L ≤ 1:

C = (1 - |2L - 1|) × S

X = C × (1 - |(H / 60°) mod 2 - 1|)

m = L - C/2

(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)

Tabela kolorów HSL do RGB

Kolor Kolor

nazwa

(H,S,L) Klątwa (R,G,B)
  Czarny (0°,0%,0%) #000000 (0,0,0)
  Biały (0°,0%,100%) #FFFFFF (255255255)
  Czerwony (0°,100%,50%) #FF0000 (255,0,0)
  Limonka (120°,100%,50%) #00FF00 (0,255,0)
  Niebieski (240°,100%,50%) #0000FF (0,0,255)
  Żółty (60°,100%,50%) #FFFF00 (255,255,0)
  Cyjan (180°,100%,50%) #00FFFF (0 255 255)
  Magenta (300°,100%,50%) #FF00FF (255,0,255)
  Srebro (0°,0%,75%) #BFBFBF (191191191)
  Szary (0°,0%,50%) #808080 (128128128)
  Kasztanowaty (0°,100%,25%) #800000 (128,0,0)
  Oliwa (60°,100%,25%) #808000 (128,128,0)
  Zielony (120°,100%,25%) #008000 (0,128,0)
  Fioletowy (300°,100%,25%) #800080 (128,0,128)
  Cyraneczka (180°,100%,25%) #008080 (0,128,128)
  Marynarka wojenna (240°,100%,25%) #000080 (0,0,128)

 

Konwersja RGB na HSL ►

 


Zobacz też

Konwersja kolorów HSL na RGB

Przestrzeń kolorów RGB to addytywna przestrzeń kolorów, która wykorzystuje trzy podstawowe kolory: czerwony, zielony i niebieski, aby utworzyć wszystkie inne kolory.Wartości kolorów RGB są określane za pomocą trzech 8-bitowych liczb całkowitych, po jednej dla każdego koloru podstawowego.Tworzy to zakres możliwych kolorów od 0 (brak światła) do 255 (pełne światło).

HSL (odcień, nasycenie, jasność) to przestrzeń kolorów, która jest bardziej intuicyjnym sposobem określania kolorów niż RGB.Wartości HSL są określane przy użyciu trzech liczb zmiennoprzecinkowych, po jednej dla każdego składnika.Zakres możliwych wartości HSL wynosi od 0 (brak odcienia) do 1 (pełne nasycenie i jasność).

Konwersja RGB na HSL to proces konwersji wartości kolorów RGB na wartości HSL.Formuła konwersji RGB na HSL jest następująca:

barwa = (czerwony - zielony) / (czerwony + zielony + niebieski)
nasycenie = (niebieski - zielony) / (niebieski + zielony + czerwony)

Funkcje narzędzia do konwersji kolorów HSL na RGB

  1. Wprowadzanie HSL (odcień, nasycenie i jasność): Narzędzie umożliwia wprowadzanie kolorów w przestrzeni kolorów HSL, która jest oparta na trzech cechach: odcieniu, nasyceniu i jasności.

  2. Wyjście RGB (czerwony, zielony, niebieski): Narzędzie konwertuje kolory HSL na przestrzeń kolorów RGB, która jest oparta na trzech podstawowych kolorach czerwonym, zielonym i niebieskim.

  3. Podgląd kolorów: Narzędzie zazwyczaj zawiera funkcję podglądu kolorów, która pozwala zobaczyć reprezentację wybranego koloru HSL, tak jak będzie on wyglądał w przestrzeni kolorów RGB.

  4. Regulowane suwaki: wiele narzędzi do konwersji kolorów HSL na RGB zawiera regulowane suwaki lub pola wprowadzania, które umożliwiają precyzyjne dostrojenie wartości koloru HSL w celu uzyskania pożądanego wyjścia RGB.

  5. Dane wyjściowe w formacie szesnastkowym: Narzędzie może również udostępniać wynikowy kolor RGB w formacie szesnastkowym, który jest standardową reprezentacją kolorów używanych w projektowaniu stron internetowych i innych aplikacjach cyfrowych.

  6. Paleta kolorów: Niektóre narzędzia do konwersji HSL na RGB zawierają funkcję palety kolorów, która umożliwia wybór spośród szeregu gotowych kolorów lub tworzenie własnych kolorów niestandardowych.

  7. Historia kolorów: niektóre narzędzia mogą mieć również funkcję historii kolorów, która umożliwia śledzenie przekonwertowanych kolorów, co ułatwia używanie tych samych kolorów w wielu projektach.

  8. Kompatybilność z różnymi przestrzeniami kolorów: Niektóre narzędzia do konwersji HSL na RGB są kompatybilne z innymi przestrzeniami kolorów, takimi jak CMYK (cyjan, magenta, żółty i czarny) lub HSB (odcień, nasycenie i jasność), umożliwiając konwersję między tymi różnymi kolorami modele również.

Advertising

KONWERSJA KOLORÓW
°• CmtoInchesConvert.com •°