» Konwerter kolorów


Konwerter kolorów dla HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ i nazw kolorów CSS. Konwertuj kody kolorów na żywo, kopiuj gotowe wartości i sprawdzaj dokładny wynik CSS w jednym miejscu.

Użyj tego konwertera kolorów, aby natychmiast przełączać się między formatami HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ i nazwami kolorów CSS. Wprowadź dowolny obsługiwany format, dostosuj wartości suwakami i skopiuj przeliczone wyniki potrzebne do CSS, systemów projektowych, procesów druku lub analizy kolorów.

Konwerter aktualizuje wszystkie wyniki na żywo, wyraźnie pokazuje wybrany kolor i obsługuje obliczenia odwrotne z każdego trybu wejściowego. Dzięki temu dobrze sprawdza się przy zadaniach takich jak HEX na RGB, RGB na HEX, sprawdzanie wartości HSL lub CMYK, a także porównywanie nowoczesnych formatów percepcyjnych, takich jak OKLCH i OKLAB.

Wstępne dane

Wybierz dowolny format, wpisz wartości, a wszystkie pasujące kody kolorów zaktualizują się natychmiast.

Format wejściowy
Wybierz format, który chcesz edytować bezpośrednio.
Obsługuje #RGB, #RGBA, #RRGGBB i #RRGGBBAA.
Przykłady: tomato, rebeccapurple, royalblue, lightseagreen.
Wprowadź wartości czerwieni, zieleni i niebieskiego od 0 do 255.
Użyj wartości alfa od 0 do 1 dla przezroczystości.
Reguluj odcień, nasycenie i jasność w przyjaznym dla CSS formacie.
HSLA dodaje przezroczystość alfa do HSL.
HSV jest przydatne, jeśli wolisz pracować z odcieniem, nasyceniem i jasnością.
CMYK jest używany głównie dla wartości kolorów związanych z drukiem.
LAB jest przestrzenią percepcyjną i może generować kolory spoza gamutów ekranowych.
LCH rozdziela jasność, chromę i odcień do pracy percepcyjnej.
OKLAB to nowoczesna percepcyjna przestrzeń barw dla interfejsów i palet.
OKLCH ułatwia percepcyjne dostrajanie odcienia i chromy.
XYZ to referencyjna przestrzeń barw często używana przy konwersjach.

Rys. 1 Konwerter kolorów

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Tryb koloru pozwala regulować odcień, nasycenie i jasność.

Wynik

Przeliczone wartości kolorów

Najczęściej używane formaty

Więcej formatów

Najczęściej zadawane pytania o konwerter kolorów

Czym jest konwerter kolorów?
Konwerter kolorów przyjmuje jeden format koloru, na przykład #3366cc lub rgb(51, 102, 204), i oblicza odpowiadające mu wartości w innych formatach, takich jak HSL, CMYK, LAB czy OKLCH.

Jak przekonwertować HEX na RGB?
Wybierz tryb wejścia HEX, wpisz poprawny kod szesnastkowy, taki jak #ff6600, a konwerter automatycznie pokaże odpowiadające wartości RGB, HSL, CMYK i innych formatów.

Jak przekonwertować RGB na HEX?
Wybierz tryb RGB, wpisz wartości kanałów czerwonego, zielonego i niebieskiego, a następnie skopiuj wygenerowany wynik HEX. To standardowy sposób konwersji RGB na HEX dla kolorów internetowych.

Co to jest HSL?
HSL oznacza odcień, nasycenie i jasność. Opisuje kolor przez jego kąt na kole barw oraz to, jak intensywny i jak jasny lub ciemny się wydaje, co często jest łatwiejsze do regulacji wzrokowo niż surowe wartości RGB.

Do czego służy CMYK?
CMYK jest używany głównie w procesach druku, ponieważ opisuje kolor jako pokrycie tuszem cyjan, magenta, żółtym i czarnym. Jest przydatny przy przygotowywaniu materiałów do drukarni, opakowań i produkcji poligraficznej.

Co to jest OKLCH?
OKLCH to percepcyjny format koloru wywodzący się z OKLAB. Rozdziela jasność, chromę i odcień w sposób zwykle bardziej równomierny dla ludzkiego wzroku, dzięki czemu jest przydatny w nowoczesnych paletach interfejsów i systemach projektowych.

Czy konwersje są dokładne?
Konwersje w obrębie tej samej przestrzeni barw mogą być dokładne lub bardzo bliskie dokładnym, ale niektóre formaty używają innych modeli lub przestrzeni odniesienia. Wartości takie jak CMYK, LAB, LCH i OKLCH mogą wymagać zaokrągleń lub przycięcia gamutu przy konwersji z powrotem do wyświetlalnego sRGB.

Czy mogę używać wyników w CSS?
Tak. Wygenerowane wyniki HEX, RGB, RGBA, HSL, HSLA oraz dokładne nazwy kolorów CSS są gotowe do wklejenia do zmiennych CSS, stylów inline i tokenów projektowych.

Inne konwertery

Zobacz także: