Jak konwertować kolory między formatami HEX, RGB, HSL i innymi
Konwertuj kolory między formatami HEX, RGB, HSL, CMYK i innymi, sprawdź, które konwersje są dokładne, i dowiedz się, którego formatu używać w różnych sytuacjach.
2 min czytania
Aby przekonwertować kolor, wklej go do konwertera kolorów. Wybierz potrzebny format w sekcji Cel i skopiuj wynik. Narzędzie samo rozpoznaje format wejściowy, więc zadziałają zarówno #ff6600, rgb(255, 102, 0), orangered, jak i 255, 102, 0. Wynik pojawia się podczas pisania. Próbka koloru pod wynikiem pokazuje, że narzędzie odczytało właściwy kolor.
Ten sam kolor w czterech formatach
HEX, RGB, HSL i CMYK to różne sposoby zapisu tego samego koloru. Oto jeden odcień pomarańczowego w każdym z tych formatów:
| Format | Wartość | Co oznaczają liczby |
|---|---|---|
| HEX | #ff6600 |
Czerwony, zielony i niebieski — po dwie cyfry szesnastkowe |
| RGB | rgb(255, 102, 0) |
Czerwony, zielony i niebieski w zakresie od 0 do 255 |
| HSL | hsl(24, 100%, 50%) |
Odcień na kole barw, nasycenie i jasność |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Tusze: cyjan, magenta, żółty i czarny |
HEX i RGB używają tych samych trzech liczb, zapisanych tylko w inny sposób. Konwersja między nimi jest dokładna. HSL łatwiej dostosować ręcznie: zwiększ wartość jasności, a kolor stanie się jaśniejszy.
Dlaczego CMYK jest inny
CMYK służy do druku, a dokładne wartości zależą od drukarki, papieru i tuszu. Konwerter używa standardowego wzoru bez profilu drukarki, więc drukarnia może podać nieco inne wartości dla tego samego koloru. Używaj wyniku CMYK do makiet i poproś drukarnię o wydruk próbny przed właściwym drukiem.
Którego formatu używać
- CSS i HTML: używaj HEX. Jest krótki i odczytuje go każda przeglądarka.
- Paleta kolorów: używaj HSL. Uzyskasz jaśniejsze i ciemniejsze odcienie, zmieniając jedną liczbę.
- Przezroczystość w kodzie: używaj RGB z wartością alfa albo ośmiocyfrowego HEX.
rgba(37, 99, 235, 0.5)zmienia się w#2563eb80, a dwie ostatnie cyfry oznaczają krycie. - Makiety do druku: używaj CMYK i pamiętaj o powyższej uwadze.
Nazwy kolorów nie są dokładne
Konwerter obsługuje 17 formatów, w tym OKLCH, LAB, HSV, nazwy kolorów CSS i terminalowe kody ANSI. Wynik będący nazwą koloru to najbliższa nazwa koloru CSS, a nie dokładne dopasowanie. #ff6600 daje orangered, ale orangered to w rzeczywistości #ff4500. Używaj nazw do szybkiego oznaczania kolorów, a dokładnych wartości dla kolorów marki.
Wklej kolor, sprawdź próbkę i skopiuj wynik. To wszystko.
Chcesz wypróbować samodzielnie?
Konwerter kolorów
Konwertuj kolory między formatami HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH i XYZ, nazwami kolorów CSS, kodami ANSI terminala i innymi, z automatycznym wykrywaniem formatu i podglądem na żywo.