Jak zamienić RGB na hex
- Ustaw wartości kanałów czerwonego, zielonego i niebieskiego (0–255) suwakami lub w polach liczbowych albo wklej wartość CSS
rgb(). - Kod hex pojawia się natychmiast, razem z HSL, HSV i CMYK. Ustaw kanał alfa poniżej 1, aby uzyskać 8-cyfrowy kod hex z przezroczystością.
- Skopiuj kod hex lub prześledź wzór, aby zobaczyć, jak zamieniono każdą wartość.
Wzór na zamianę RGB na hex
Każdy kanał RGB o wartości od 0 do 255 zamienia się w dokładnie dwie cyfry hex. Podziel wartość przez 16: wynik całkowity to pierwsza cyfra, a reszta to druga; wartości 10–15 zapisujemy jako A–F. Przykład dla rgb(124, 58, 237):
- Czerwony: 124 ÷ 16 = 7 reszta 12 →
7C - Zielony: 58 ÷ 16 = 3 reszta 10 →
3A - Niebieski: 237 ÷ 16 = 14 reszta 13 →
ED
Po połączeniu za znakiem # daje to #7C3AED. Zawsze zapisuj po dwie cyfry na kanał: 9 to 09, a nie 9.
Zamiana RGB na hex w kodzie
- JavaScript:
'#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('') - Python:
'#{:02X}{:02X}{:02X}'.format(r, g, b) - Excel i Arkusze Google:
="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)(w polskim Excelu funkcja DZIES.NA.SZESN, a argumenty rozdziela się średnikami) - CSS: konwersja nie jest potrzebna –
rgb()i kody hex są wymienne.
Dodawanie przezroczystości (alfa)
Aby uzyskać kod 8-cyfrowy, pomnóż krycie (0–1) przez 255, zaokrąglij wynik i dopisz go jako dwie kolejne cyfry hex: 0,5 × 255 = 127,5 → 128 → 80, więc rgba(124, 58, 237, 0.5) = #7C3AED80.
| Krycie | Hex | Krycie | Hex |
|---|---|---|---|
| 100% | FF | 50% | 80 |
| 90% | E6 | 40% | 66 |
| 80% | CC | 30% | 4D |
| 75% | BF | 25% | 40 |
| 70% | B3 | 20% | 33 |
| 60% | 99 | 10% | 1A |
Najczęściej zadawane pytania
Jaki jest wzór na zamianę RGB na hex?
Dla każdego kanału pierwsza cyfra hex to wartość podzielona przez 16 (część całkowita), a druga to reszta; wartości 10–15 zapisujemy jako A–F. Połącz trzy pary za znakiem #: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.
Dlaczego każdy kanał musi mieć dwie cyfry hex?
Kolor hex odczytuje się stałymi parami. rgb(0, 128, 9) trzeba zapisać jako #008009; pominięcie zer wiodących przesunęłoby pary i dało inny lub nieprawidłowy kolor.
Czy kod koloru hex może zawierać przezroczystość?
Tak. Nowoczesne przeglądarki akceptują 8-cyfrowe kody #RRGGBBAA, w których ostatnia para to wartość alfa od 00 (pełna przezroczystość) do FF (pełne krycie). rgba(124, 58, 237, 0.5) to #7C3AED80.
Czy zamiana RGB na hex jest dokładna?
Tak, dla całkowitych wartości RGB: każda liczba od 0 do 255 ma dokładnie jeden dwucyfrowy zapis hex, więc zamiana w drugą stronę daje te same wartości. Zaokrąglany jest tylko kanał alfa – do najbliższego z 256 poziomów.