Konwerter HEX na RGB
Zamień kod koloru hex na wartości RGB.
Działa w przeglądarce. Nic, co wpiszesz, nie jest nigdzie wysyłane.
- 3, 4, 6 albo 8 cyfr
- Też RGBA i HSL
- Kopiowanie jednym kliknięciem
Jak zamienić HEX na RGB
- Wpisz albo wklej kod hex, z # albo bez.
- Wartości RGB, RGBA i HSL aktualizują się w trakcie pisania.
- Kliknij przycisk kopiowania obok potrzebnej wartości.
Przykłady HEX na RGB
| Hex | RGB | Uwaga |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Standardowy 6-cyfrowy hex |
| #F80 | rgb(255, 136, 0) | 3-cyfrowy skrót, ten sam kolor |
| #000000 | rgb(0, 0, 0) | Czerń |
| #FFFFFF | rgb(255, 255, 255) | Biel |
| #FF880080 | rgba(255, 136, 0, 0.5) | 8-cyfrowy hex z alfą |
Skrócona wersja i jej pełna forma zawsze dają dokładnie ten sam kolor, bo każda cyfra skrótu jest po prostu podwojona.
Skąd biorą się kody hex
Narzędzia graficzne, takie jak Figma i Photoshop, oraz DevTools każdej przeglądarki, domyślnie pokazują kolor jako hex, bo to najkrótszy sposób zapisania dokładnego koloru jako tekstu.
Hex jest częścią sieci od najwcześniejszych atrybutów koloru HTML w latach 90., na długo przed powstaniem funkcji CSS rgb() i hsl(). Ta historia sprawia, że hex wciąż jest formatem, od którego zaczyna się większość przewodników stylu.
Najczęstsze błędy w kodach hex
- Kod hex potrzebuje 3, 4, 6 albo 8 cyfr. Długość 5 albo 7 jest niepoprawna i nie da się przeliczyć.
- Niektóre starsze API Windows przechowują kolory jako BGR zamiast RGB, więc kod skopiowany ze starego kodu może mieć zamienione miejscami czerwony i niebieski.
- Dwie ostatnie cyfry 8-cyfrowego kodu to alfa, a nie czwarty kanał koloru, więc #FF880000 to pełna przezroczystość, a nie ciemniejszy pomarańczowy.
HEX na RGB: najczęstsze pytania
Jak ręcznie zamienić HEX na RGB?
Podziel kod na trzy pary i zamień każdą parę z systemu szesnastkowego na dziesiętny. Dla #F08A3C daje to F0 = 240, 8A = 138 i 3C = 60, czyli rgb(240, 138, 60).
Czym jest 3-cyfrowy kod hex?
Skrót, w którym każda cyfra jest podwojona. #F80 to ten sam kolor co #FF8800, a #000 to czerń.
Co oznaczają dwie ostatnie cyfry 8-cyfrowego kodu hex?
To alfa, czyli krycie. #FF880080 to pomarańczowy przy około 50 procentach krycia, czyli to samo co rgba(255, 136, 0, 0.5).
Czy kod musi zaczynać się od #?
Nie. Konwerter akceptuje kody z # albo bez, wielkimi albo małymi literami.
Dlaczego mój kod hex pokazuje się jako niepoprawny?
Kod hex musi mieć dokładnie 3, 4, 6 albo 8 cyfr z zakresu 0-9 i A-F. Długość taka jak 5 albo 7, albo znak spoza tego zakresu, nie da się przeliczyć.
Czy mogę wkleić zmienną CSS, taką jak var(--brand)?
Nie, wklej dosłowną wartość koloru. Najpierw sprawdź, na co rozwija się zmienna, na przykład w panelu computed styles w DevTools przeglądarki.
Jaki jest najkrótszy możliwy kod hex?
3 cyfry, na przykład #000 dla czerni albo #fff dla bieli. Każda cyfra odpowiada podwojonej parze w pełnej 6-cyfrowej wartości.