Beginner

Konwerter kolorów HEX na RGB

Zamień dowolny szesnastkowy kod koloru na wartości kanałów czerwonego, zielonego i niebieskiego oraz gotowy do wklejenia ciąg CSS rgb().
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Wyniki są jedynie szacunkami o charakterze ogólnoinformacyjnym i nie stanowią profesjonalnej porady — zawsze samodzielnie zweryfikuj ważne wyniki, zanim na nich polegniesz. Przeczytaj pełne zastrzeżenie.
Szybka odpowiedź

Jak działa ten kalkulator?

Kolor szesnastkowy konwertuje się na RGB przez usunięcie "#", rozwinięcie skróconej formy 3-cyfrowej do 6 cyfr, a następnie odczytanie każdej pary cyfr szesnastkowych jako liczby w systemie szesnastkowym od 0 do 255 dla czerwieni, zieleni i błękitu. Te trzy wartości tworzą ciąg CSS rgb(R, G, B) używany bezpośrednio w arkuszach stylów.

Wzór
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → rgb(R, G, B)
How this is calculated

Wprowadź kolor szesnastkowy jako kod 6-cyfrowy (#RRGGBB) lub jego skróconą formę 3-cyfrową (#RGB). Konwerter najpierw usuwa początkowy znak "#". Jeśli podano tylko trzy cyfry, każda cyfra jest podwajana, więc #abc rozwija się do #aabbcc — dzięki temu forma skrócona i pełna wyglądają identycznie.

Sześć cyfr szesnastkowych jest następnie dzielone na trzy pary. Każda para jest liczbą w systemie szesnastkowym (o podstawie 16), która jest przekształcana na liczbę całkowitą dziesiętną od 0 do 255: R z pierwszej pary, G z drugiej i B z trzeciej. Ponieważ dwie cyfry szesnastkowe mieszczą się w zakresie od 00 do FF, każdy kanał czysto odwzorowuje się na zakres 0–255 używany przez CSS i większość systemów wyświetlania.

Trzy wartości kanałów są składane w ciąg CSS w postaci rgb(R, G, B). Dane wejściowe są walidowane tak, aby zawierały tylko znaki 0–9 i a–f (bez rozróżniania wielkości liter) oraz miały dokładnie 3 lub 6 cyfr po usunięciu "#"; wszystko inne jest odrzucane, więc nigdy nie otrzymasz częściowo zinterpretowanego koloru.

Najczęściej zadawane pytania

Opisują tę samą przestrzeń kolorów. Skrócona forma 3-cyfrowa po prostu powtarza każdą cyfrę, więc #f0c jest identyczny z #ff00cc. Używaj formy skróconej tylko wtedy, gdy każdy kanał używa powtórzonej cyfry.

Nie. Cyfry szesnastkowe A–F i a–f reprezentują te same wartości, więc #FF8800 i #ff8800 konwertują się na ten sam rgb(255, 136, 0).

Dwie cyfry szesnastkowe obejmują zakres od 00 do FF, co równa się 0 do 255 w systemie dziesiętnym. Ten 8-bitowy zakres to standardowa precyzja dla każdego kanału koloru na ekranach.

Znany również jako

hex na rgb
konwerter hex na rgb
kolor hex na rgb
konwerter kolorów
kod koloru
hex do rgb
css kolor

APA

TG we-Calculate Editorial Team. (2026). Konwerter kolorów HEX na RGB [Online calculator]. TG we-Calculate. https://we-calculate.com/pl/calculator/hex-to-rgb-color-converter

Chicago

TG we-Calculate Editorial Team. "Konwerter kolorów HEX na RGB." TG we-Calculate. 2026. https://we-calculate.com/pl/calculator/hex-to-rgb-color-converter.

IEEE

TG we-Calculate Editorial Team, "Konwerter kolorów HEX na RGB," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pl/calculator/hex-to-rgb-color-converter

BibTeX

@misc{wecalculate_hex_to_rgb_color_converter, title = {Konwerter kolorów HEX na RGB}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/pl/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }

Czy ten kalkulator Ci pomógł?