Przelicza kolor między zapisem HEX, RGB i HSL — wybierz go próbnikiem albo wpisz wartość, a pozostałe dwa formaty zaktualizują się natychmiast. Przydaje się przy pracy z CSS, przy trafianiu w kolory marki albo przy przenoszeniu wartości z narzędzia projektowego do kodu.
Jakie formaty są obsługiwane?
Konwertuj kolory natychmiast między zapisem HEX, RGB i HSL. To szybki pomocnik przy projektowaniu stron i pracy z CSS, przy dopasowywaniu kolorów marki lub przy przenoszeniu wartości z narzędzia projektowego do formatu potrzebnego w Twoim kodzie.
Jak korzystać z konwertera kolorów?
- Wybierz kolor lub wpisz wartość — wybierz kolor selektorem albo wpisz bezpośrednio wartość HEX, RGB lub HSL.
- Automatyczna konwersja — wartości w pozostałych formatach są od razu aktualizowane.
- Kopiuj — pobierz wartość przyciskiem „Kopiuj” obok potrzebnego formatu.
Czym różnią się HEX, RGB i HSL?
HEX (np. #1a73e8) to zwarty, sześciocyfrowy kod powszechnie stosowany w CSS. RGB opisuje kolor za pomocą kanałów czerwonego, zielonego i niebieskiego (0–255). HSL wykorzystuje odcień (Hue), nasycenie (Saturation) i jasność (Lightness), co ułatwia ręczne dopasowanie koloru.
Jak odczytać kod HEX?
HEX ma postać #RRGGBB, gdzie czerwony, zielony i niebieski są zapisane jako dwucyfrowe liczby szesnastkowe (00–FF, czyli 0–255). Na przykład #FF0000 to czerwony, a #00FF00 to zielony. Używana jest też skrócona forma trzycyfrowa (#RGB), w której każda cyfra jest powtórzona dwukrotnie.
Kiedy najlepiej używać HSL?
HSL jest intuicyjny, gdy chcesz zmienić odcień, obracając samą składową Hue, albo utworzyć jaśniejsze i ciemniejsze warianty tego samego koloru, regulując nasycenie i jasność. Sprawdza się szczególnie przy ręcznym dostrajaniu kolorów i tworzeniu palet.
Dokąd wysyłane są wprowadzone wartości kolorów?
Nigdzie nie są wysyłane. Cała konwersja odbywa się wyłącznie w przeglądarce, więc wartości nie trafiają na serwer, a narzędzie działa również w trybie offline.