Konwerter RGB na HEX
Zamień wartości RGB na kod koloru hex.
Działa w przeglądarce. Nic, co wpiszesz, nie jest nigdzie wysyłane.
- Wklej rgb() albo rgba()
- 8-cyfrowy hex z alfą
- Aktualizacja w trakcie pisania
Jak zamienić RGB na HEX
- Wklej wartość rgb() albo rgba(), albo wpisz każdy kanał osobno.
- Ustaw alfę poniżej 1, aby uzyskać też 8-cyfrowy kod hex.
- Skopiuj kod hex.
Przykłady RGB na hex
| RGB | Hex | Uwaga |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Standardowe przeliczenie |
| rgb(0, 0, 0) | #000000 | Czerń |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alfa dodaje 2 cyfry |
| 255, 136, 0 | #FF8800 | Zwykłe liczby też działają |
Jak alfa zamienia się w cyfry hex
Pomnóż alfę przez 255, zaokrąglij do najbliższej liczby całkowitej, a potem zapisz jako dwie cyfry hex na końcu kodu.
| Alfa | Przyrostek hex |
|---|---|
| 1 (pełne krycie) | niepotrzebny |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (niewidoczny) | 00 |
Gdzie działa 8-cyfrowy hex
- CSS akceptuje #RRGGBBAA w każdej aktualnej przeglądarce: Chrome, Firefox, Safari i Edge.
- Atrybuty fill i stroke w SVG też akceptują 8-cyfrowy hex w nowoczesnych przeglądarkach.
- Niektóre starsze edytory obrazów i narzędzia graficzne odczytują tylko 6-cyfrowy hex i odrzucają albo pomijają parę alfy, więc trzymaj też pełną 6-cyfrową wersję na taki wypadek.
RGB na HEX: najczęstsze pytania
Jak ręcznie zamienić RGB na HEX?
Zapisz każdy kanał jako dwucyfrową liczbę szesnastkową i połącz je. rgb(255, 136, 0) staje się FF, 88 i 00, czyli #FF8800.
Jak krycie zapisuje się w hex?
Pomnóż alfę przez 255, zaokrąglij i zapisz jako dwie cyfry hex na końcu. Alfa 0,5 staje się 80, więc rgba(255, 136, 0, 0.5) to #FF880080.
Jakie formaty mogę wkleić?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), nowszy zapis rgb(255 136 0 / 50%) i zwykłe liczby, na przykład 255, 136, 0. Kod hex też działa.
Czy #ff8800 różni się od #FF8800?
Nie, wielkość liter nie ma znaczenia w kolorach hex. Zaznacz Wielkie litery, jeśli twój przewodnik stylu preferuje wielkie litery.
Czy mogę wpisać nazwę koloru, na przykład orange, zamiast liczb?
Nie. Ten konwerter odczytuje tylko liczbowe wartości rgb(), rgba() i hex, bo dopasowanie 148 nazwanych kolorów CSS wymagałoby osobnej tabeli.
Dlaczego mój kod hex trochę się zmienił po wpisaniu procentu?
Kanały procentowe, takie jak rgb(94% 53% 0%), są przeliczane na najbliższy z 256 kroków na kanał, więc zaokrąglenie może przesunąć wynik o 1 w niektórych kanałach.
Czy kanał alfa zaokrągla się tak samo w każdej przeglądarce?
Tak. Matematyka użyta tutaj, mnożenie przez 255, a potem zaokrąglenie do liczby całkowitej, jest standardowa i daje te same 2 cyfry hex niezależnie od przeglądarki, bo ta strona sama wykonuje przeliczenie zamiast polegać na API przeglądarki, które mogłoby się różnić.
Czy mogę przeliczyć kolor z alfą podaną w procentach, na przykład 50%?
Tak. rgba(255, 136, 0, 50%) i nowszy zapis rgb(255 136 0 / 50%) oba działają, obok starszej składni dziesiętnej alfy od 0 do 1.