Generowanie
100% w Twojej przeglądarce
Konwerter kolorów
Konwertuj kolory między formatami HEX, RGB i HSL natychmiast. Zawiera selektor kolorów i podgląd na żywo.
← kliknij, aby otworzyć selektor
HEX
RGB
HSL
Wartości CSS
Konwerter kolorów
Konwertuj dowolny kolor między formatami HEX, RGB i HSL natychmiast. Użyj selektora kolorów do wizualnego wyboru lub wpisz wartości bezpośrednio w dowolne pole.
Formaty kolorów — wyjaśnienie
- HEX (#rrggbb): 6-cyfrowy kod szesnastkowy używany w HTML i CSS. Najczęstszy format w projektowaniu stron.
- RGB (r, g, b): określa kolor przez intensywność czerwonego, zielonego i niebieskiego (0–255 każdy). Natywny dla ekranów i wyświetlaczy cyfrowych.
- HSL (odcień, nasycenie, jasność): intuicyjny model. Odcień to kąt na kole kolorów (0–360°), nasycenie to intensywność (0–100 %), a jasność to jasność (0–100 %).
Kiedy używać jakiego formatu
- HEX w arkuszach stylów CSS i narzędziach projektowych (Figma, Photoshop).
- RGB przy canvas, WebGL lub gdy potrzebna jest numeryczna kontrola kanałów.
- HSL do budowania dynamicznych systemów kolorów (np. dostosowanie jasności dla trybu ciemnego).