Konwerter kodów kolorów
Wybierz kolor lub wpisz kod HEX; od razu zobacz i skopiuj jego odpowiedniki RGB i HSL.
Twoje pliki nigdy nie opuszczają urządzenia — wszystko działa w przeglądarce.
Jak korzystać
- 1Użyj próbnika kolorów albo wpisz kod HEX bezpośrednio.
- 2Odpowiedniki RGB i HSL są liczone automatycznie.
- 3Użyj „Kopiuj”, aby skopiować wybrany format.
HEX, RGB i HSL
HEX, jak #3366CC, to zwarta forma używana w CSS i narzędziach projektowych. RGB podaje czerwień, zieleń i błękit od 0 do 255. HSL opisuje odcień, nasycenie i jasność, co łatwiej ręcznie dostosować, gdy chcesz jaśniejszy lub bardziej stonowany odcień.
Kiedy przeliczać
Przełączaj formaty, gdy narzędzie projektowe daje HEX, a arkusz stylów potrzebuje HSL, albo gdy chcesz rozjaśnić kolor, zwiększając jego jasność. Narzędzie pokazuje wszystkie formaty naraz i podgląd koloru.
Wskazówki
Sprawdź kontrast tekstu z tłem, aby pozostał czytelny, najlepiej zgodnie z wytycznymi dostępności. Drobne różnice zaokrągleń między formatami są normalne.
Najczęściej zadawane pytania
Czym różni się RGB od HSL?
RGB definiuje kolor przez składowe światła czerwonego, zielonego i niebieskiego, a HSL opisuje go przez odcień, nasycenie i jasność — często intuicyjniej przy zmianie odcienia lub jasności koloru.
Czy mogę przeliczać kolory z przezroczystością (alfa)?
Narzędzie obsługuje jednolite wartości HEX, RGB i HSL. Dla kolorów z kanałem alfa/przezroczystości trzeba dodać go osobno w CSS (np. rgba() lub hsla()).