Jak zamienić hex na RGB
- Wpisz lub wklej kod koloru hex w pole Kod koloru hex, z
#lub bez, albo kliknij próbkę, aby wybrać kolor. - Odczytaj wynik jako
rgb()i sprawdź wartości kanałów czerwonego, zielonego i niebieskiego na suwakach, razem z HSL, HSV i CMYK. - Skopiuj dowolny format jednym kliknięciem. Wzór obok formatów pokazuje, jak każda para cyfr hex zamienia się w liczbę od 0 do 255.
Wzór na zamianę hex na RGB
Kod koloru hex to trzy bajty zapisane szesnastkowo: #RRGGBB. Każda para cyfr to jeden kanał od 00 (0) do FF (255). Aby zamienić parę, pomnóż pierwszą cyfrę przez 16 i dodaj drugą, przyjmując A = 10, B = 11, C = 12, D = 13, E = 14 i F = 15. Przykład dla #7C3AED:
- Czerwony:
7C= 7 × 16 + 12 = 124 - Zielony:
3A= 3 × 16 + 10 = 58 - Niebieski:
ED= 14 × 16 + 13 = 237
Zatem #7C3AED = rgb(124, 58, 237).
Skrócone kody hex i kody z przezroczystością
Kod 3-cyfrowy to skrót, w którym każda cyfra jest podwojona: #F80 = #FF8800 = rgb(255, 136, 0). Kod 8-cyfrowy dodaje bajt alfa określający krycie: w #7C3AED80 ostatnia para 80 = 128, a 128 ÷ 255 ≈ 0,5, więc odpowiada to rgba(124, 58, 237, 0.5). Forma 4-cyfrowa #RGBA działa tak samo.
Popularne kody kolorów hex i ich wartości RGB
| Kolor | Hex | RGB |
|---|---|---|
| Biały | #FFFFFF | rgb(255, 255, 255) |
| Czarny | #000000 | rgb(0, 0, 0) |
| Czerwony | #FF0000 | rgb(255, 0, 0) |
| Jaskrawozielony (lime) | #00FF00 | rgb(0, 255, 0) |
| Niebieski | #0000FF | rgb(0, 0, 255) |
| Żółty | #FFFF00 | rgb(255, 255, 0) |
| Pomarańczowy | #FFA500 | rgb(255, 165, 0) |
| Szary | #808080 | rgb(128, 128, 128) |
| Granatowy (navy) | #000080 | rgb(0, 0, 128) |
| Purpurowy (purple) | #800080 | rgb(128, 0, 128) |
| Morski (teal) | #008080 | rgb(0, 128, 128) |
Najczęściej zadawane pytania
Jak ręcznie zamienić hex na RGB?
Podziel kod na trzy pary i zamień każdą z systemu szesnastkowego: pierwsza cyfra × 16 + druga cyfra. Dla #1E90FF: 1E = 30, 90 = 144, a FF = 255, więc kolor to rgb(30, 144, 255).
Co oznacza 3-cyfrowy kolor hex, np. #F80?
To skrót 6-cyfrowego kodu, w którym każda cyfra jest podwojona: #F80 = #FF8800 = rgb(255, 136, 0). Skrócić można tylko kolory, w których każda para składa się z dwóch jednakowych cyfr.
Jak zamienić hex na RGB w JavaScripcie lub Pythonie?
JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) dla kodu w formacie #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). W CSS żadna konwersja nie jest potrzebna – akceptowane są oba zapisy.
Co jest lepsze w CSS: hex czy RGB?
Opisują dokładnie te same kolory. Hex jest krótszy i popularny w narzędziach projektowych; rgb() łatwiej odczytać i modyfikować, a dzięki rgba() przezroczystość jest od razu widoczna. Nowoczesne przeglądarki akceptują też 8-cyfrowe kody hex z kanałem alfa.