ImageColorPicker.com

Konwerter z HEX na RGB

Konwertuj dowolny kolor z HEX na RGB — natychmiast i za darmo

#FF5733

Wklej dowolną wartość koloru — wykryjemy format za ciebie.

Wynik RGB
Czerwony
255
Zielony
87
Niebieski
51

Ten kolor we wszystkich formatach

Profil CMYK: Coated FOGRA39 (domyślny w Photoshopie dla Europy)

Kod HEX pakuje trzy liczby 8-bitowe w sześć cyfr szesnastkowych. Konwersja HEX do RGB oznacza podzielenie tych cyfr na pary i odczytanie każdej pary jako liczby dziesiętnej między 0 a 255 — dokładnie takich wartości, jakich oczekuje CSS, Figma i edytory obrazów.

Jak działa konwersja z HEX na RGB

  1. Usuń wiodący #, a jeśli kod ma tylko trzy cyfry, podwój każdą z nich: #f53 staje się #ff5533.
  2. Podziel sześć cyfr na trzy pary — RR, GG i BB.
  3. Odczytaj każdą parę jako liczbę w systemie szesnastkowym i zamień ją na dziesiętną: FF to 255, 57 to 87, 33 to 51.
  4. Zapisz trzy wyniki jako rgb(R, G, B).

Przykład działania

HEX #FF5733=RGB rgb(255, 87, 51)

Ta konwersja jest dokładna. HEX i RGB opisują te same wartości sRGB w innej notacji, więc nic nie jest zaokrąglane ani tracone w żadnym kierunku.

Wyjaśnienie HEX i RGB

Czym jest HEX?

Kod HEX to sześciocyfrowa liczba szesnastkowa, która przechowuje kanały czerwony, zielony i niebieski koloru po znaku #. Każda para cyfr odpowiada jednemu kanałowi, od 00 (brak) do FF (pełny), co daje te same ~16,7 miliona kolorów co RGB, ale w krótszej notacji. HEX jest domyślny w CSS, narzędziach projektowych i wytycznych marki.

Składnia:
#RRGGBB
Zakres:
00–FF na kanał
Najlepsze do:
CSS, przekaz projektowy, wytyczne marki

Czym jest RGB?

RGB opisuje kolor trzema kanałami światła — czerwonym, zielonym i niebieskim — każdy od 0 do 255. Odwzorowuje to działanie ekranów: wszystkie trzy na 255 dają biały, wszystkie na 0 — czarny. RGB to właściwy wybór, gdy musisz liczyć z kolorem, a rgba() dodaje przezroczystość.

Składnia:
rgb(R, G, B)
Zakres:
0–255 na kanał
Najlepsze do:
kod, canvas, przezroczystość z rgba()

Tabela odniesienia z HEX na RGB

Najczęściej używane kolory CSS, skonwertowane z HEX na RGB.

KolorHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

Więcej konwerterów kolorów

Najczęściej zadawane pytania

Usuń wiodący #, a jeśli kod ma tylko trzy cyfry, podwój każdą z nich: #f53 staje się #ff5533. Podziel sześć cyfr na trzy pary — RR, GG i BB. Odczytaj każdą parę jako liczbę w systemie szesnastkowym i zamień ją na dziesiętną: FF to 255, 57 to 87, 33 to 51. Zapisz trzy wyniki jako rgb(R, G, B).

Ta konwersja jest dokładna. HEX i RGB opisują te same wartości sRGB w innej notacji, więc nic nie jest zaokrąglane ani tracone w żadnym kierunku.

RGB opisuje kolor trzema kanałami światła — czerwonym, zielonym i niebieskim — każdy od 0 do 255. Odwzorowuje to działanie ekranów: wszystkie trzy na 255 dają biały, wszystkie na 0 — czarny. RGB to właściwy wybór, gdy musisz liczyć z kolorem, a rgba() dodaje przezroczystość.

Tak. Przyciski zamiany obok pola wejściowego przenoszą cię do konwertera RGB na HEX, który działa dokładnie tak samo. Obie strony używają tej samej formuły, tylko zastosowanej odwrotnie.

Używaj RGB, gdy musisz pracować na liczbach — animować pojedynczy kanał, mieszać kolory w kodzie lub dodać przezroczystość za pomocą rgba(). HEX pozostaje krótszą, czytelniejszą opcją dla statycznego CSS.