1. Wpisz wartość
Wpisz liczbę w polu wejściowym. Możesz użyć kropki lub przecinka jako separatora dziesiętnego.
Przelicz kolory HEX na RGB
Ten konwerter przelicza kolory z formatu HEX na RGB i odwrotnie. Wynik pojawia się natychmiast po wpisaniu wartości.
Loading tool editor...
Jak działa konwersja HEX na RGB?
HEX to szesnastkowy zapis koloru używany w CSS i HTML (np. #3B82F6). RGB to trzy wartości liczbowe 0–255 dla kanałów czerwonego, zielonego i niebieskiego (np. rgb(59, 130, 246)).
Każda para znaków w kodzie HEX odpowiada jednemu kanałowi: #3B82F6 → R=3B=59, #3B82F6 → G=82=130, #3B82F6 → B=F6=246.
W CSS można używać obu zapisów zamiennie. HEX jest krótszy, RGB jest bardziej czytelny i pozwala łatwiej modyfikować poszczególne kanały. CSS obsługuje też zapis skrócony: #FFF = #FFFFFF.
Wartości HEX są głównym formatem kolorów w Figma, Sketch i Adobe XD. Konwersja na RGB przydaje się do obliczania kontrastów, tworzenia palet i pracy z kanałem alfa (RGBA).
Jak korzystać z konwertera?
2. Odczytaj wynik
Wynik konwersji pojawi się natychmiast w polu obok – bez klikania żadnego przycisku.3. Skopiuj lub zmień kierunek
Kliknij Kopiuj wynik lub użyj przycisku Zmień kolejność, aby przeliczać w drugą stronę.
Kiedy przydaje się ten konwerter?
CSS / HTML
Konwertuj#3B82F6nargb(59, 130, 246)w arkuszach stylów.Projektowanie UI
Eksport kolorów z Figma/Sketch na wartości CSS.Dostępność
Obliczanie kontrastu WCAG wymaga wartości RGB.Palety kolorów
Modyfikowanie poszczególnych kanałów (R, G, B) do tworzenia wariantów.
Co wyróżnia nasz konwerter?
Pełna prywatność
Wszystkie obliczenia odbywają się lokalnie w przeglądarce. Żadne dane nie są wysyłane na serwer.Wynik w czasie rzeczywistym
Wynik aktualizuje się natychmiast podczas wpisywania – bez konieczności klikania.Obustronna konwersja
Przycisk Zmień kolejność pozwala przeliczać w obu kierunkach jednym kliknięciem.Tabela popularnych wartości
Gotowa tabela z najczęściej przeliczanymi wartościami i opisami kontekstowymi.
Jak działa konwersja HEX na RGB?
Kod koloru HEX składa się z sześciu znaków szesnastkowych (0–9 i A–F), podzielonych na trzy pary. Każda para odpowiada jednemu kanałowi koloru: pierwsza para to czerwony (R), druga to zielony (G), a trzecia to niebieski (B).
Konwersja polega na zamianie każdej pary znaków szesnastkowych na liczbę dziesiętną z zakresu 0–255. Na przykład w kodzie #3B82F6 para 3B odpowiada wartości 59, para 82 to 130, a F6 to 246 — co daje kolor rgb(59, 130, 246).
Konwersja w drugą stronę działa analogicznie: każdą wartość RGB (0–255) zamienia się na dwuznakowy zapis szesnastkowy. Wartości jednocyfrowe otrzymują zero wiodące, np. wartość 10 staje się 0A.
Praktyczne wskazówki
- HEX skrócony:
#FFF=#FFFFFF= rgb(255,255,255). - Czerń:
#000000= rgb(0,0,0). Biel:#FFFFFF= rgb(255,255,255). - HEX z alfa:
#3B82F680– ostatnie 2 znaki = przezroczystość (80 = 50%). - Kontrast WCAG: minimum 4,5:1 dla tekstu, 3:1 dla dużego tekstu.
HEX vs RGB – porównanie
| Cecha | HEX | RGB |
|---|---|---|
| Zapis | #RRGGBB | rgb(R, G, B) |
| Zakres | 00–FF na kanał | 0–255 na kanał |
| Alfa (przezroczystość) | #RRGGBBAA | rgba(R, G, B, A) |
| Skrót | #RGB (3 znaki) | Brak |
| Użycie | CSS, HTML, Figma | CSS, obliczenia, WCAG |
HEX
- Zapis
#RRGGBB - Zakres
00–FF na kanał - Alfa (przezroczystość)
#RRGGBBAA - Skrót
#RGB (3 znaki) - Użycie
CSS, HTML, Figma
RGB
- Zapis
rgb(R, G, B) - Zakres
0–255 na kanał - Alfa (przezroczystość)
rgba(R, G, B, A) - Skrót
Brak - Użycie
CSS, obliczenia, WCAG
Sprawdź konwertery innych jednostek
Najczęściej zadawane pytania
Pomóż nam ulepszyć narzędzia
Masz pomysł na nową funkcję, znalazłeś błąd lub chcesz zaproponować inne narzędzie? Napisz do nas – odpowiadamy w ciągu 24 godzin.