Darmowy Konwerter HEX na RGB - Konwerter Kodu Koloru i Wybierak

Konwersja HEX na RGB

To narzędzie odczytuje kod koloru HEX i pokazuje ten sam kolor w formatach RGB, HSL, CMYK oraz jako 8-znakową wartość HEX/RGBA, razem z podglądem koloru na żywo, podglądem kontrastu i odczytem postrzeganej jasności. Wpisujesz lub wklejasz kod albo wybierasz kolor wizualnie, a wszystkie formaty aktualizują się razem.

Jak działa konwersja

6-znakowy kod HEX dzieli się na trzy 2-znakowe pary, każda to liczba szesnastkowa od 00 do FF (od 0 do 255 dziesiętnie) dla czerwonego, zielonego i niebieskiego. W 3-znakowej formie skróconej każda cyfra jest najpierw podwajana, więc #C13 zamienia się w #CC1133, zanim zastosowany zostanie ten sam podział. Z tej trójki RGB oblicza się HSL: średnia z najjaśniejszego i najciemniejszego kanału daje jasność, różnica między nimi nasycenie, a kolejność kanałów odcień. CMYK liczony jest poglądowo przez znalezienie K na podstawie największego z trzech kanałów i przeskalowanie cyjanu, magenty i żółci względem niego. Postrzegana jasność wykorzystuje wagi ITU-R BT.601, R razy 299 plus G razy 587 plus B razy 114, podzielone przez 1000; wynik powyżej 128 oznaczany jest jako Jasny, poniżej jako Ciemny, co decyduje też o kolorze tekstu w podglądzie kontrastu. To samo pole rozpoznaje również ciąg rgb(r, g, b) wpisany bezpośrednio zamiast kodu HEX, a każdy wybór w selektorze kolorów odświeża pole HEX automatycznie. Jeśli kodu nie da się zinterpretować, narzędzie pokazuje komunikat błędu tuż pod polem zamiast zgadywać kolor. Każda przeliczona wartość ma własny przycisk kopiowania, który po kliknięciu na chwilę zamienia się w znacznik wyboru, dzięki czemu można skopiować tylko ciąg RGB, CMYK albo linię CSS, nie ruszając reszty.

Przykład obliczeń

Weźmy #C1121F. Pary dają R=193, G=18, B=31, czyli RGB(193, 18, 31). Średnia najjaśniejszego i najciemniejszego kanału daje 41% jasności, różnica między nimi 83% nasycenia, a odcień wypada na 356 stopni, razem HSL(356, 83%, 41%). Te same wartości RGB dają cmyk(0%, 91%, 84%, 24%) we wzorze CMYK. Forma 8-znakowa to #C1121FFF, a linia CSS to color: #C1121F;. Jasność wynosi 72 na 255, poniżej progu 128, więc narzędzie oznacza kolor jako Ciemny i przełącza podgląd kontrastu na biały tekst.

Przykładowy wynik

Input:  #C1121F

Output: {
  "rgb":  "rgb(193, 18, 31)",
  "hsl":  "hsl(356, 83%, 41%)",
  "cmyk": "cmyk(0%, 91%, 84%, 24%)",
  "hex8": "#C1121FFF",
  "css":  "color: #C1121F;"
}