Konwerter kolorów
Wpisz wartość koloru w dowolnym formacie (HEX, RGB lub HSL), a pozostałe dwa aktualizują się automatycznie. Użyj próbnika kolorów do wizualnego wyboru.
#3B82F6 Podgląd koloru
Najczęstsze pytania
Który format koloru wybrać w CSS?
Do nowych projektów warto rozważyć OKLCH — perceptualnie jednorodną przestrzeń barw, w której równe różnice numeryczne odpowiadają równym różnicom wizualnym. Ułatwia budowanie spójnych palet i zapewnia lepszą obsługę ekranów wide-gamut. HEX i RGB to bezpieczny wybór dla starszych przeglądarek.
Jaka jest różnica między HEX, RGB a HSL?
To trzy sposoby zapisu kolorów w tej samej przestrzeni barw sRGB. HEX (#rrggbb) to zapis szesnastkowy wygodny w kodzie. RGB (rgb(r, g, b)) podaje składowe bezpośrednio. HSL (hsl(h, s%, l%)) opisuje kolor przez odcień, nasycenie i jasność — bardziej intuicyjny przy ręcznym dopasowaniu.
Dlaczego ten sam kolor wygląda inaczej na różnych ekranach?
Każdy monitor kalibruje kolory nieco inaczej, a nowsze ekrany obsługują przestrzenie barw szersze niż sRGB (np. Display P3). Kolor #ff0000 wygląda inaczej na skalibrowanym MacBooku Pro niż na starym monitorze TN. Profilowanie ICC i kalibracja ekranu minimalizują te różnice.