Konwerter kolorów

Ten darmowy Color converter błyskawicznie tłumaczy wartości hex, rgb, hsl i cmyk. Wklej kod, żeby zobaczyć dokładne odpowiedniki w formatach webowych. Bez zakładania konta.

Jak Color converter parsuje formaty

Wklejasz ciąg typu #FF5733 albo rgb(255, 87, 51). Narzędzie normalizuje dane, usuwając spacje i ignorując wielkość liter, zanim zacznie liczyć. Potem mapuje wartości do standardowego zakresu liczb całkowitych od 0 do 255 dla czerwonej, zielonej i niebieskiej. Na tej bazie wylicza odcień, nasycenie i jasność dla HSL. Wyprowadza też procenty cyan, magenta, yellow i key dla CMYK.

Jeśli chcesz wiedzieć, jak dokładnie konwertować formaty kolorów, musisz zrozumieć bazowe liczby całkowite RGB. Kody hex to po prostu reprezentacja tych liczb w systemie szesnastkowym. Matematyka dla HSL polega na znalezieniu maksymalnej i minimalnej składowej RGB, żeby obliczyć jasność. Następnie używa różnicy między nimi do wyliczenia nasycenia i odcienia. CMYK jest subtraktywny. Bierzesz wartości RGB, odwracasz je i dzielisz przez maksymalną odwróconą wartość. To prosta algebra.

• Hex przyjmuje ciągi 3, 4, 6 lub 8 znaków.
• Wartości RGB muszą mieścić się w przedziale od 0 do 255.
• Odcień HSL to stopnie od 0 do 360.
• CMYK zwraca procenty od 0 do 100.

Praktyczne zastosowania Color convertera

Projektanci często podrzucają eksporty z Figmy z kodami hex. Frontendowcy muszą to przetłumaczyć na rgba dla zmiennych CSS albo hsl do dynamicznej zmiany motywów. Czasem musisz też zrzucić próbnik CMYK z druku na czytelny dla ekranu kod hex. Tak sprawdzisz, jak to będzie wyglądać na monitorze przed wysłaniem plików do drukarni.

Debugowanie CSS to kolejny typowy scenariusz. Wyłapujesz dziwny odcień w narzędziach deweloperskich przeglądarki. Skopiowanie tej wyliczonej wartości rgb do darmowego convertera pozwala podkręcić jasność w HSL. Potem wklejasz nowy hex z powrotem do arkusza stylów. Przydaje się też do testów dostępności. Łapiesz kod hex tekstu i tła. Potem weryfikujesz współczynniki kontrastu.

Ograniczenia narzędzia Color converter

To narzędzie obsługuje standardowe konwersje przestrzeni kolorów sRGB. Nie przetwarza szerokogamutowych przestrzeni typu Display P3 czy Rec. 2020. Jeśli pracujesz z treściami HDR albo specjalistycznymi profilami druku, wyjścia CMYK i RGB będą tylko przybliżone. Matematyka zakłada standardowy punkt bieli D65.

Nie przekonwertujesz też bezpośrednio nazwanych kolorów CSS. Narzędzie spodziewa się wartości liczbowych albo ciągów hex. Wpisanie rebeccapurple skończy się błędem. Musisz najpierw znaleźć kod hex dla nazwanych kolorów. Kanały alfa w kodach hex są parsowane. Ale wyjścia CMYK i HSL nie zawierają odpowiednika alfy.

Jak używać Color converter

1. Wklej swoją wartość hex, rgb, hsl albo cmyk w pole wejściowe.
2. Poczekaj, aż narzędzie sparsuje ciąg i wyliczy bazowe liczby całkowite RGB.
3. Odczytaj przekonwertowane wartości w sąsiednich polach wyjściowych.
4. Skopiuj konkretny format, którego potrzebujesz do arkusza stylów albo pliku projektowego.
5. Wyczyść pole wejściowe, żeby zacząć nową konwersję.

Referencja formatów kolorów

Porównaj strukturę i typowe zakresy obsługiwanych modeli kolorów.

Frequently asked questions

Czy ten Color converter jest naprawdę darmowy?

Tak. Przekonwertujesz tyle kolorów, ile potrzebujesz. Bez zakładania konta i bez paywalla.

Dlaczego mój przekonwertowany kolor wygląda inaczej na moim ekranie?

Monitory mają różne profile kolorów i krzywe gammy. Matematyka jest dokładna dla przestrzeni sRGB, ale to kalibracja sprzętu decyduje o tym, co faktycznie widzisz.

Mogę konwertować nazwane kolory CSS jak tomato albo dodgerblue?

Nie. Narzędzie wymaga wejść liczbowych albo ciągów hex. Musisz najpierw znaleźć odpowiednik hex nazwanego koloru.

Jak dokładna jest konwersja CMYK?

Używa standardowego, nieprofilowanego wzoru konwersji. Wystarczy do grubych podglądów webowych, ale profesjonalny druk wymaga konwersji z profilem ICC.

Obsługuje 8-cyfrowe kody hex z kanałami alfa?

Tak. Narzędzie parsuje ostatnie dwa znaki jako kanał alfa, choć zwraca wartość alfy tylko w formacie RGBA.