Konwertuj HEX na RGB Online
Konwertuj dowolny kod HEX na wartości RGB natychmiast, w Twojej przeglądarce.
Dlaczego warto używać
Od kodu HEX do wartości RGB jednym kliknięciem
Obsługuje wszystkie formaty HEX
#RGB, #RRGGBB, #RGBA, #RRGGBBAA i nazwy CSS. Automatyczne wykrywanie formatu.
Prywatność
Konwersja odbywa się w Twojej przeglądarce. Żadne dane nie opuszczają Twojego urządzenia.
Wynik gotowy do CSS
Kopiuj bezpośrednio w formacie rgb() lub rgba() i wklejaj do Swojego arkusza stylów.
Natychmiastowy
Wynik w czasie rzeczywistym podczas wpisywania kodu HEX.
Jak to działa
Trzy kroki, żadnych komplikacji
Wprowadź kod HEX
Wpisz szesnastkowy kod koloru: format długi (#FF5733), krótki (#F53) lub z kanałem alfa (#FF573380). Możesz też wpisać nazwę koloru CSS (red, tomato, steelblue) – zostanie on automatycznie skonwertowany.
Odczytaj wartości RGB
Konwerter natychmiast oblicza kanały R (czerwony), G (zielony) i B (niebieski) w zakresie 0–255. Jeśli kod HEX zawiera kanał alfa, otrzymasz też wartość przezroczystości dla RGBA.
Skopiuj wynik
Skopiuj wynik w formacie rgb(255, 87, 51) lub rgba(255, 87, 51, 0.5) gotowy do wklejenia w arkuszu CSS, kodzie JavaScript lub narzędziu do projektowania.
FAQ
Masz pytania?
HEX odnosi się do systemu szesnastkowego – systemu liczbowego o podstawie 16 używającego cyfr 0–9 i liter A–F (gdzie A=10, B=11, C=12, D=13, E=14, F=15). Kod koloru HEX, np. #FF5733, reprezentuje trzy pary szesnastkowe: FF (czerwony = 255), 57 (zielony = 87), 33 (niebieski = 51). Każda para może reprezentować 256 wartości (0x00 = 0 do 0xFF = 255), co pozwala na 256³ = 16 777 216 różnych kolorów w przestrzeni sRGB.
6-znakowy kod HEX (#RRGGBB) używa 2 znaków na każdy kanał koloru (czerwony, zielony, niebieski). Każdy znak szesnastkowy reprezentuje 4 bity, więc 2 znaki dają 8 bitów = 1 bajt, zdolny przechowywać 256 wartości (0–255). Przy 8 bitach na kanał i 3 kanałach (RGB) uzyskujemy głębię koloru 24 bity – standard dla obrazów truecolor od epoki monitorów CRT w latach 90.
Skrócony HEX to prawidłowy skrót CSS, w którym każdy znak jest automatycznie podwajany: #FFF odpowiada #FFFFFF (biały), #000 odpowiada #000000 (czarny), #F53 odpowiada #FF5533. Działa tylko wtedy, gdy oba cyfry każdej pary są identyczne. Wprowadzony w CSS1 (1996) w celu zmniejszenia rozmiaru kodu. Nie wszystkie parsery kolorów obsługują skrócony HEX poza CSS, więc w JavaScript lub narzędziach projektowania może być konieczne rozwinięcie go do pełnego formatu 6-znakowego.
8-znakowy HEX (#RRGGBBAA) dodaje czwartą parę szesnastkową dla kanału alfa (przezroczystość), gdzie #RRGGBB00 jest w pełni przezroczysty, a #RRGGBBFF – w pełni nieprzezroczysty. Na przykład #FF573380 odpowiada rgba(255, 87, 51, 0.502). Format ten został ustandaryzowany w CSS Color Level 4 i jest obsługiwany przez wszystkie nowoczesne przeglądarki od 2017 roku. Istnieje też 4-znakowa wersja skrócona (#RGBA): #F538 odpowiada #FF553388.
6-znakowe kody HEX mogą reprezentować 16 777 216 kolorów, co odpowiada dokładnie 24-bitowej przestrzeni barw sRGB (8 bitów na kanał). Obejmuje to całą gamę sRGB, ale nie zawiera kolorów spoza tej gamy, takich jak kolory display-p3 na nowoczesnych ekranach HDR (iPhone od 2016, MacBook Pro od 2016). Do kolorów szerokiej gamy w CSS stosuje się funkcję color(display-p3 r g b) z CSS Color Level 4, która nie ma reprezentacji w standardowym HEX.
Historia notacji szesnastkowej w kolorach internetowych
System szesnastkowy jako notacja kolorów dla sieci został spopularyzowany przez pierwsze graficzne przeglądarki. Mosaic (NCSA, 1993), pierwsza szeroko stosowana przeglądarka graficzna, wprowadził atrybut bgcolor w HTML, który przyjmował angielskie nazwy kolorów (red, blue) lub kody szesnastkowe w formacie #RRGGBB. Netscape Navigator (1994) rozszerzył tę konwencję i dodał obsługę 140 nazwanych kolorów, które dziś są częścią standardu CSS, wiele z nich pochodzi z kolorów X11 zdefiniowanych przez MIT X Consortium w 1987 roku dla systemu okienkowego X Window używanego w Uniksie.
Kolory X11 są historycznym źródłem nazw takich jak 'alice blue', 'cornflower blue', 'dark salmon' czy 'papaya whip'. Zostały pierwotnie zdefiniowane w pliku rgb.txt serwera X11 między 1987 a 1989 rokiem, z konkretnymi wartościami RGB powiązanymi ze sprzętem monitorów tamtej epoki. Gdy Netscape przejął te nazwy dla HTML, powstały historyczne niespójności: 'green' w HTML/CSS to #008000 (nie czysty zielony #00FF00, który nosi nazwę 'lime'), a 'gray' ma wiele wariantów pisowni ('grey' i 'gray' są synonimami w CSS). CSS Color Level 4 sformalizował wszystkie te historyczne nazwy, dodając też 'rebeccapurple' (#663399) na cześć Rebeki Meyer, córki eksperta CSS Erica Meyera, która zmarła w 2014 roku.
Specyfikacja CSS Color Level 1 (W3C, 1996) zdefiniowała 16 podstawowych kolorów nazwanych dziedziczonych z HTML. CSS Color Level 2 (2011) dodał 'orange'. CSS Color Level 3 (2011) ustandaryzował 147 kolorów X11, w tym 'rebeccapurple' w 2014 roku. CSS Color Level 4 (w trakcie procesu rekomendacji) dodaje nowoczesne funkcje jak oklch(), lab(), lch() i color() dla przestrzeni szerokiej gamy. Równolegle specyfikacja SVG 1.1 W3C (2003) zdefiniowała własne 147 nazwanych kolorów, zbieżnych z X11, lecz nieznacznie różniących się wartościami liczbowymi, co powodowało historyczne zamieszanie między implementacjami przeglądarek aż do ustandaryzowania w CSS Color Level 3.