Konwertuj RGB na HEX Online
Konwertuj wartości RGB i RGBA na kod HEX natychmiast, w Twojej przeglądarce.
Dlaczego warto używać
Od wartości RGB do właściwego kodu HEX
Obsługuje RGBA
Konwertuje też kolory z przezroczystością. Kanał alfa jest zawarty w 8-znakowym wyniku HEX.
Prywatność
Bez serwerów, bez logów. Konwersja odbywa się w całości w Twojej przeglądarce.
Automatyczne przycinanie
Wartości spoza zakresu są automatycznie dostosowywane do prawidłowej wartości bez błędów.
Natychmiastowy
Wynik w czasie rzeczywistym podczas dostosowywania wartości RGB.
Jak to działa
Trzy kroki, żadnych komplikacji
Wprowadź wartości RGB
Wpisz wartości kanałów czerwonego (R), zielonego (G) i niebieskiego (B) w zakresie 0–255. Opcjonalnie dodaj kanał alfa (A) między 0 a 1, aby uzyskać kod HEX z przezroczystością (#RRGGBBAA).
Automatyczna konwersja
Konwerter natychmiast oblicza odpowiedni kod HEX. Wartości spoza zakresu 0–255 są automatycznie przycinane do najbliższej prawidłowej wartości. Wartości dziesiętne są zaokrąglane do najbliższej liczby całkowitej.
Skopiuj kod HEX
Otrzymaj wynik w formacie #RRGGBB lub #RRGGBBAA gotowy do użycia w CSS, HTML, SVG lub w dowolnym narzędziu do projektowania obsługującym kody HEX.
FAQ
Masz pytania?
RGB (Red, Green, Blue – czerwony, zielony, niebieski) to addytywny model kolorów oparty na emisji światła. Mieszanie wszystkich trzech kolorów podstawowych przy maksymalnych wartościach (R=255, G=255, B=255) daje biel; przy wartościach zerowych (0,0,0) otrzymujemy czerń. Model RGB odzwierciedla sposób działania pikseli w nowoczesnych ekranach i monitorach: każdy piksel zawiera trzy subpiksele (czerwony, zielony i niebieski), które świecą z różną intensywnością, tworząc dowolny widoczny kolor. Jest to też model używany przez ludzkie oko: siatkówka ma trzy rodzaje czopków wrażliwych na długości fal bliskie czerwieni, zieleni i niebieskiego.
Zakres 0–255 odpowiada 8 bitom na kanał koloru. Jeden bajt (8 bitów) może reprezentować 2⁸ = 256 różnych wartości (0 do 255). Przy 8 bitach na kanał i 3 kanałach (R, G, B) każdy kolor zajmuje 24 bity (3 bajty), co pozwala na 256³ = 16 777 216 różnych kolorów. Ten standard truecolor 24-bitowego obrazu został powszechnie przyjęty w latach 90., gdy monitory VGA i SVGA zaczęły go obsługiwać. Nowoczesne ekrany HDR używają 10 lub 12 bitów na kanał (1024 lub 4096 wartości), lecz przestrzeń sRGB dla sieci pozostaje zdefiniowana jako 8-bitowa dla zachowania zgodności.
Prawidłowe wartości RGB mieszczą się w zakresie 0–255. Jeśli wpiszesz wartość taką jak R=300, większość implementacji CSS przycina ją do najbliższego prawidłowego maksimum: 255. To zachowanie przycinania jest zdefiniowane w specyfikacji CSS Color Level 4. W praktyce pojawia się podczas wykonywania obliczeń matematycznych na kolorach (np. mieszania dwóch kolorów przez sumowanie ich wartości) lub przy importowaniu kolorów z przestrzeni o większej głębi bitowej (16-bitowej lub HDR). Funkcja clamp() CSS i operatory matematyczne w oklch są zaprojektowane do obsługi tych przypadków w kontrolowany sposób.
RGBA dodaje czwarty kanał alfa (A) do modelu RGB w celu kontrolowania przezroczystości/krycia koloru. Wartość alfa wynosi od 0 (w pełni przezroczysty) do 1 (w pełni nieprzezroczysty), choć w CSS można ją też wyrazić procentowo (0% do 100%). rgba(255, 87, 51, 0.5) to kolor rgb(255,87,51) przy 50% kryciu. Kanał alfa wpływa na to, jak kolor jest nakładany na elementy za nim, zgodnie z trybem kompozycji 'source-over' ze specyfikacji kompozycji SVG/HTML (W3C Compositing and Blending Level 1).
Ekrany używają RGB, ponieważ emitują światło, a mieszanie czerwonego, zielonego i niebieskiego światła może odtworzyć dowolny kolor w widzialnym spektrum dla ludzkiego oka (w granicach gamy urządzenia). Odpowiada to teorii trychromatycznej Younga-Helmholtza (Thomas Young, 1802; Hermann von Helmholtz, 1850), która wykazała, że ludzkie oko ma trzy rodzaje fotoreceptorów (czopki S, M, L) wrażliwych na przybliżone długości fal 420 nm (niebieski), 530 nm (zielony) i 560 nm (czerwony). Pierwsze kolorowe monitory CRT z lat 70. i 80. zaimplementowały tę architekturę bezpośrednio, a nowoczesne LCD, OLED i microLED ją odziedziczyły.
RGB: historia od Younga-Helmholtza do standardu sRGB
Trychromatyczna teoria barw została zaproponowana przez Thomasa Younga w 1802 roku i rozwinięta przez Hermanna von Helmholtza w 1850 roku, dowodząc, że ludzkie oko postrzega kolory przez trzy rodzaje receptorów wrażliwych na długie (czerwone), średnie (zielone) i krótkie (niebieskie) długości fal. James Clerk Maxwell doświadczalnie wykazał addytywną syntezę kolorów w 1861 roku, tworząc pierwszą kolorową fotografię w historii: nałożył na siebie trzy czarno-białe fotografie wykonane z filtrami czerwonym, zielonym i niebieskim, projektując je jednocześnie za pomocą odpowiednio zabarwionych latarni. Powstały obraz szkockiej tkaniny tartanowej jest uznawany za pierwszą fotografię kolorową (choć reprodukcja była niedoskonała z powodu ograniczeń kolodium tamtej epoki).
Addytywny model kolorów RGB zastosowany w ekranach wywodzi się z kineskopów (CRT) z lat 50. i 60., które używały fosforów trójkolorowych do emitowania czerwonego, zielonego i niebieskiego światła pod wpływem wiązki elektronów. Pierwszym komercyjnym kolorowym monitorem CRT był IBM 8503 (1984). Korekcja gamma, kompensująca nieliniową zależność między napięciem elektrycznym a postrzeganą jasnością monitorów CRT, stała się fundamentalnym elementem standardu sRGB: przestrzeń sRGB definiuje krzywą transferu koloru (TRC) stosującą korekcję gamma wynoszącą około 2,2, zaprojektowaną tak, aby liniowe wartości RGB (obliczane w shaderach 3D) były poprawnie konwertowane na wartości percepcyjnie jednorodne dla wyświetlacza.
Kodowanie gamma ma krytyczne implikacje dla obliczeń mieszania kolorów. Mieszanie dwóch kolorów sRGB przez bezpośrednie sumowanie i uśrednianie ich wartości RGB daje nieprawidłowe wyniki (kolory zbyt ciemne w punkcie środkowym), ponieważ wartości sRGB są nieliniowe. Percepcyjnie poprawne mieszanie wymaga najpierw konwersji do przestrzeni liniowej (gamma 1,0), uśrednienia, a następnie ponownej konwersji. Problem ten dotyczy gradientów CSS, antyaliasingu czcionek, kompozycji warstw w edytorach obrazów i dowolnej interpolacji kolorów. CSS Color Level 4 rozwiązuje to za pomocą liniowych (srgb-linear) i percepcyjnie jednorodnych (oklch, oklab) przestrzeni barw, które pozwalają jawnie określić przestrzeń interpolacji.