Konwerter kolorów
Konwertuj kolory między HEX, RGB, HSL, HWB i CMYK z obsługą przezroczystości i podglądem na żywo.
Jak to działa
Konwerter kolorów przekształca wartości kolorów między formatami HEX, RGB, HSL i HSV przy użyciu standardowych formuł matematycznych — bez zaokrągleń ani przybliżeń.
Wprowadź kolor w dowolnym z obsługiwanych formatów: heksadecymalny (#RRGGBB), RGB (np. rgb(255, 128, 0)), HSL (np. hsl(30, 100%, 50%)) lub HSV. Kalkulator automatycznie oblicza wszystkie pozostałe reprezentacje jednocześnie.
Wybierz kolor za pomocą selektora kolorów, aby wizualnie wybrać wartości zamiast wpisywać je ręcznie.
Format HEX jest najczęściej używany w CSS i HTML. RGB jest najwygodniejszy w manipulacji programowej. HSL jest intuicyjny przy dostosowywaniu odcienia, nasycenia i jasności.
Przykład praktyczny
Wpisz #1E90FF: narzędzie zgłasza rgb(30, 144, 255) i hsl(210, 100%, 56%), rozpoznaje nazwany kolor CSS dodgerblue i pokazuje jego względną luminancję WCAG. Sekcja harmonii generuje partnerów dopełniających, analogicznych, triadycznych i rozdzielnie dopełniających — kliknij dowolną próbkę, by ją załadować i eksplorować dalej. Droga odwrotna jest równie częsta: wklej rgb(30, 144, 255) z narzędzia projektowego i skopiuj hex do arkusza stylów, a wszystkie formaty pozostaną zsynchronizowane podczas dostrajania wartości.
Przypadki użycia
- Dopasowywanie kolorów projektu między narzędziami
- Konwersja palety brandingowej
- Tworzenie wariantów kolorów CSS
- Rozumienie modeli kolorów
- Eksportowanie wartości kolorów do różnych środowisk
Często zadawane pytania
- Dlaczego konwersja HSL→HEX→HSL może nie zwrócić dokładnie tych samych wartości?
- Pewne zaokrąglenia są nieuniknione przy konwersji między przestrzeniami kolorów — różnica jest wizualnie nieistotna.
- Czy obsługuje kanał alfa/przezroczystość?
- Obecna wersja obsługuje kolory pełnoopaque. Alfa (RGBA/HSLA) jest planowana.
- Jaki format wybrać dla CSS?
- HEX lub rgb() dla webowych kolorów pełnych; hsl() gdy musisz programowo dostosowywać jasność/nasycenie.
- Czy mogę kopiować wartości jednym kliknięciem?
- Tak — każde pole wyjściowe ma przycisk Kopiuj.
- Czy konwerter obsługuje nazwane kolory CSS?
- Nie bezpośrednio — wpisz ekwiwalent HEX nazwanego koloru.