Konwerter przyjmuje każdy zapis hex zgodny z CSS: 6-cyfrowy #ff5733, skrócony 3-cyfrowy #f53, a także 4- i 8-cyfrowy z kanałem alfa, z krzyżykiem # lub bez niego. Pokazuje ciąg rgb() lub rgba(), same wartości kanałów i rozbicie na poszczególne kanały - a do tego wiersz odwrotny RGB na HEX, gdy potrzebujesz zamiany w drugą stronę. Wszystko działa w przeglądarce - bez wysyłania danych, bez konta, bez limitów.
Konwerter HEX na RGB
Działa w całości w przeglądarce - bez wysyłania plików i bez rejestracji.
CSS
rgb(255, 87, 51)Wartości RGB
255, 87, 51Jak to się przelicza
Czerwony
FF255Zielony
5787Niebieski
3351Potrzebujesz odwrotności? RGB na HEX
#ff5733Jak zamienić HEX na RGB?
Kod hex koloru to trzy pary cyfr szesnastkowych, po jednej parze na kanał. Każdą parę zamienia się na liczbę dziesiętną od 0 do 255: w #ff5733 ff to 255 czerwonego, 57 to 87 zielonego, a 33 to 51 niebieskiego, więc wartość RGB to rgb(255, 87, 51). Ten konwerter robi to od razu podczas pisania.
Jak korzystać
- 1Wpisz kod hex. Wpisz lub wklej kolor hex, np. #ff5733 (albo #f53), albo wybierz go próbnikiem koloru. Krzyżyk # jest opcjonalny.
- 2Odczytaj wartość RGB. Ciąg rgb(), zwykłe wartości 0-255 i podgląd koloru na żywo aktualizują się podczas pisania, a rozbicie na kanały pokazuje, jak konwertuje się każda para hex.
- 3Skopiuj format, którego potrzebujesz. Kliknij Copy przy ciągu rgb() albo przy surowych wartościach. Potrzebujesz odwrotności? Wpisz poniżej wartości red, green i blue, żeby otrzymać z powrotem kod hex.
Dla kogo
- Front-end developerzy zamieniają kod hex z brand booka na rgb(), żeby dodać przezroczystość przez rgba().
- Projektanci przenoszą kolory marki między narzędziami, które przyjmują hex (CSS, Figma), a tymi, które wymagają wartości 0-255 (niektóre aplikacje do druku i wideo).
- Zespoły e-mail i marketingu dopasowują kolory kampanii między edytorami, z których każdy rozumie tylko jeden zapis.
- Twórcy gier i aplikacji przekazują wartości kanałów 0-255 do silników i SDK, które nie parsują ciągów hex.
Najczęstsze pytania
Czy ten konwerter HEX na RGB jest darmowy?
Tak - jest w 100% darmowy, bez rejestracji i bez limitów. Działa całkowicie w przeglądarce.
Czy moje kolory są gdzieś wysyłane?
Nie. Konwersja to zwykły JavaScript uruchamiany na twoim urządzeniu - nic nie trafia na serwer, a narzędzie działa dalej offline po wczytaniu strony.
Jaki jest wzór na zamianę HEX na RGB?
Kod hex dzieli się na trzy pary, a każdą parę zamienia się z systemu szesnastkowego na dziesiętny: pierwszą cyfrę mnoży się przez 16 i dodaje drugą (a=10 ... f=15). W #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Czy obsługiwany jest skrócony zapis jak #f53?
Tak. W skrócie CSS każda cyfra jest podwajana, więc #f53 rozwija się do #ff5533 i daje rgb(255, 85, 51). Zapis 4-cyfrowy działa tak samo, z ostatnią cyfrą jako kanałem alfa.
Jak zamienić HEX na RGBA?
8-cyfrowy kod hex niesie kanał alfa w ostatniej parze. Ten bajt (0-255) dzieli się przez 255, żeby uzyskać wartość alfa 0-1 oczekiwaną przez rgba(), zaokrągloną do trzech miejsc - tak #ff573380 staje się rgba(255, 87, 51, 0.502).
Czy można zamienić RGB z powrotem na HEX?
Tak. Użyj wiersza RGB na HEX pod wynikiem: wpisz wartości red, green i blue od 0 do 255, a kod hex pojawi się natychmiast. Wartości spoza zakresu są przycinane do 0-255.
Po co mi rgb(), skoro mam hex?
Przede wszystkim ze względu na alfa i obliczenia: rgba(255, 87, 51, 0.5) czyni kolor półprzezroczystym, a wiele API, silników gier i specyfikacji projektowych oczekuje osobnych wartości liczbowych kanałów 0-255 zamiast ciągu hex.