Zostań w temacie i policz dalej
RGB na HEX - szybka odpowiedź
Ta strona służy do konwersji RGB lub RGBA na HEX. Wpisujesz trzy kanały od 0 do 255, a kalkulator tworzy kod #RRGGBB. Przykład: rgb(37, 67, 91) = #25435b.
Jeśli używasz przezroczystości, kalkulator dodatkowo tworzy HEX8 i ARGB. Do oceny czytelności tekstu wybierz także rzeczywisty kolor tła - przy alpha poniżej 1 to tło zmienia kolor widoczny na ekranie.
Jak działa kalkulator RGB na HEX?
Każda wartość RGB jest przeliczana z systemu dziesiętnego na szesnastkowy. Kanał czerwony tworzy parę RR, zielony GG, a niebieski BB. Trzy pary są łączone w kod #RRGGBB.
Wartość 37 daje 25, 67 daje 43, a 91 daje 5b. Po połączeniu otrzymujemy #25435b.
Najważniejsza zasada
Każdy kanał RGB jest zapisywany jako dokładnie dwie cyfry szesnastkowe.
Jeżeli wynik ma jeden znak, dodaje się zero z przodu. Dlatego 10 daje 0a, a nie samo a.
RGB(0, 10, 255) = #000aff.
Jak ręcznie przeliczyć RGB na HEX?
Każdy kanał dzielisz przez 16. Część całkowita określa pierwszą cyfrę, a reszta drugą. Dla wartości 37 otrzymujesz 2 reszty 5, czyli 25. Dla 67 otrzymujesz 4 reszty 3, czyli 43. Dla 91 otrzymujesz 5 reszty 11, a liczba 11 jest oznaczana literą b, więc wynik to 5b.
W systemie szesnastkowym po cyfrze 9 występują litery: a = 10, b = 11, c = 12, d = 13, e = 14 i f = 15. Najwyższa wartość kanału 255 daje ff, a najniższa 0 daje 00.
RGB, RGBA, HEX8 i ARGB - różnice
| Format | Przykład | Zastosowanie |
|---|---|---|
| RGB | rgb(37, 67, 91) | Trzy kanały bez przezroczystości. |
| HEX | #25435b | Popularny zapis koloru w CSS i konfiguracjach. |
| RGBA | rgba(37, 67, 91, 0.5) | RGB z przezroczystością od 0 do 1. |
| HEX8 | #25435b80 | CSS: alpha znajduje się na końcu. |
| ARGB | #8025435b | Format spotykany w części aplikacji: alpha na początku. |
Kontrast tekstu przy alpha - dlaczego tło ma znaczenie?
Przy kolorze nieprzezroczystym kontrast można policzyć bezpośrednio z RGB. Przy alpha < 1 widoczny kolor powstaje dopiero po zmieszaniu warstwy RGBA z kolorem znajdującym się pod nią. Dlatego ten sam zapis rgba() może mieć inny kontrast na białym, szarym i granatowym tle.
Kalkulator najpierw wyznacza kolor widoczny po nałożeniu RGBA na wskazane tło, a dopiero dla tego koloru liczy luminancję oraz kontrast białego i czarnego tekstu. Dzięki temu podgląd i wynik kontrastu opisują ten sam stan.
Ciekawostka
Kod #ffffff składa się z trzech wartości ff. Każde ff oznacza 255, bo 15 × 16 + 15 = 255. Z kolei #000000 oznacza trzy kanały równe zero.
Przykłady RGB na HEX
| RGB | HEX | Kolor |
|---|---|---|
| rgb(0, 0, 0) | #000000 | czarny |
| rgb(255, 255, 255) | #ffffff | biały |
| rgb(255, 0, 0) | #ff0000 | czerwony |
| rgb(0, 255, 0) | #00ff00 | zielony |
| rgb(0, 0, 255) | #0000ff | niebieski |
| rgb(37, 67, 91) | #25435b | granatowy |
| rgb(255, 210, 74) | #ffd24a | żółty akcent |
Zadania z konwersji RGB na HEX
Zadanie 1
Zamień rgb(255, 0, 128) na HEX.
Zadanie 2
Zamień rgb(0, 10, 255) na HEX.
Zadanie 3
Zamień rgba(37, 67, 91, 0.5) na HEX8.
Wskazówka od KalkulatorXXL
Jeśli sprawdzasz kolor z przezroczystością, ustaw w polu „Tło do kontrastu” ten sam kolor, który faktycznie będzie pod warstwą RGBA w projekcie. Przy alpha poniżej 1 ocena kontrastu bez znajomości tła może być myląca.
FAQ - RGB na HEX, RGBA i kolory CSS
Jak zamienić RGB na HEX?
Ile wynosi HEX dla rgb(37, 67, 91)?
Czy można wkleić cały zapis rgb() lub rgba()?
Jaki zakres mają wartości RGB?
Dlaczego w kodzie HEX czasami pojawia się zero z przodu?
Jak zamienić RGBA na HEX?
Czym różni się HEX8 od ARGB?
Co oznacza alpha 0,5 w kodzie HEX?
Czy #ffffff oznacza biały kolor?
Czy #000000 oznacza czarny kolor?
Czy wielkie i małe litery w HEX mają znaczenie?
Czy RGB i HEX zawsze pokazują ten sam kolor?
Po co kalkulator pokazuje HSL i HSV?
Czy CMYK z kalkulatora nadaje się do druku?
Jak sprawdzić, czy biały tekst będzie czytelny na kolorze?
Czy przezroczysty kolor ma stały kontrast?
Jak skopiować wynik do CSS?
Gdzie wykonać odwrotną konwersję HEX na RGB?
Ostatnia aktualizacja: 08.09.2026