Konwerter kolorów – HEX, RGB, HSL

Konwertuj kolory między HEX, RGB i HSL

Praca z kolorami w różnych narzędziach często wymaga przełączania między formatami. Ten konwerter obsługuje HEX, RGB i HSL — trzy najpopularniejsze formaty kolorów w tworzeniu stron internetowych i projektowaniu graficznym.

Wpisz lub wklej wartość koloru w dowolnym obsługiwanym formacie. Konwerter automatycznie rozpoznaje, czy podałeś kod HEX, wartość RGB czy HSL, i wyświetla wszystkie trzy reprezentacje natychmiast.

Obsługiwane formaty kolorów

• HEX — np. #3B82F6 lub #f00 (skrócony)
• RGB — np. rgb(59, 130, 246)
• HSL — np. hsl(217, 91%, 60%)

Każdy wynik jest sformatowany jako gotowa do użycia wartość CSS, którą możesz wkleić bezpośrednio do swojego kodu.

Jak korzystać z konwertera kolorów

1. Wpisz wartość koloru w polu — HEX, RGB lub HSL
2. Format zostanie rozpoznany automatycznie
3. Zobacz skonwertowane wartości we wszystkich trzech formatach poniżej pola
4. Kliknij przycisk kopiowania obok dowolnego formatu, aby skopiować go do schowka

Typowe zastosowania

• Konwersja kodu HEX z pliku projektowego na RGB do CSS
• Uzyskanie wersji HSL koloru w celu dostosowania jasności lub nasycenia
• Tłumaczenie wartości RGB z edytora graficznego na HEX do HTML
• Szybkie sprawdzenie, czy dwie wartości kolorów w różnych formatach odpowiadają temu samemu kolorowi

Kiedy używać HEX, RGB, a kiedy HSL?

HEX to najbardziej zwięzły format, szeroko stosowany w CSS i HTML. RGB jest powszechny w narzędziach projektowych i edytorach graficznych. HSL jest najbardziej czytelny dla człowieka — oddziela odcień, nasycenie i jasność, co ułatwia ręczne dostosowywanie kolorów.

Nie ma jednego najlepszego formatu. Używaj tego, którego wymaga Twój sposób pracy — a kiedy musisz przełączać się między nimi, ten konwerter zrobi to błyskawicznie.

Najczęściej zadawane pytania

Jak przekonwertować HEX na RGB?

Wklej swój kod HEX (np. #3B82F6) w pole wprowadzania. Odpowiednik RGB pojawi się natychmiast poniżej.

Jak przekonwertować RGB na HEX?

Wpisz wartość RGB w formacie rgb(59, 130, 246). Kod HEX zostanie wyświetlony razem z wartością HSL.

Czym jest HSL?

HSL to skrót od Hue, Saturation i Lightness (odcień, nasycenie i jasność). Opisuje kolory w sposób bardziej intuicyjny dla ludzi — łatwo zmienisz jasność lub intensywność koloru, nie wpływając na jego podstawowy odcień.

Czy narzędzie obsługuje skrócone kody HEX?

Tak. Możesz wpisać skrócone kody, takie jak #f00 lub #abc — zostaną one rozwinięte i poprawnie skonwertowane.

Czy konwerter kolorów jest bezpłatny?

Tak. ColourPicker.app jest całkowicie bezpłatny i nie wymaga rejestracji.

Czy narzędzie działa na telefonie?

Tak. Konwerter kolorów działa na każdym urządzeniu z nowoczesną przeglądarką — komputerze, tablecie i telefonie.