Konwerter kolorów (HEX, RGB, HSL)
Zamień kolor między zapisami HEX, RGB i HSL. Wpisujesz np. #3B82F6, rgb(59, 130, 246) albo hsl(217, 91%, 60%), a narzędzie pokazuje wszystkie formaty naraz. Przydatne przy CSS, grafice i doborze kolorów. Wynik kopiujesz jednym kliknięciem.
Spis treści
Jak działa kalkulator
Wpisz kolor w dowolnym z trzech zapisów, a narzędzie pokaże pozostałe. HEX (np. #3B82F6) używany jest w CSS i grafice, RGB podaje składowe czerwoną, zieloną i niebieską (0-255), a HSL opisuje kolor przez barwę, nasycenie i jasność, co ułatwia dobieranie odcieni. Format rozpoznajemy automatycznie.
Jak liczymy (metodologia i wzory)
Każdy kolor sprowadzamy najpierw do składowych RGB (0-255), a z nich wyliczamy HEX oraz HSL według standardowych wzorów konwersji przestrzeni barw. HEX to zapis szesnastkowy składowych RGB, a HSL powstaje z maksymalnej i minimalnej składowej (jasność), ich różnicy (nasycenie) i tego, która składowa dominuje (barwa w stopniach).
Założenia i ograniczenia
- Obsługujemy zapisy HEX (3 lub 6 znaków), rgb() i hsl(); pomijamy przezroczystość (kanał alfa).
- Zaokrąglenia mogą powodować minimalne różnice przy konwersji tam i z powrotem.
- Wszystko liczy się lokalnie w przeglądarce.
Źródła i aktualizacja
- MDN, wartości koloru w CSS: formaty HEX, RGB, HSL (dostęp: 18.07.2026)