Czym jest konwerter kolorów?
Konwerter kolorów tłumaczy jedną wartość koloru na formaty powszechnie używane w projektowaniu stron, CSS, systemach projektowych i notatkach przekazujących projekt. Jeden kolor marki może być przechowywany jako HEX w przewodniku stylu, RGB w tokenie projektowym, HSL w edytorze motywu i CMYK w notatkach do druku. To narzędzie łączy te reprezentacje, abyś mógł skopiować właściwą wersję bez ręcznych przeliczeń.
Konwerter jest celowo kompaktowy. Skupia się na praktycznych kolorach sRGB dla sieci: HEX, RGB, HSL, HSV oraz proste przybliżenie CMYK. Nie ma na celu zastąpienia profesjonalnego oprogramowania do zarządzania kolorami ani przepływów pracy opartych na profilach ICC.
Obsługiwane formaty kolorów
| Format | Example | Najlepiej używany do |
|---|---|---|
| HEX | #3366FF | CSS, tokeny projektowe, szybkie przekazanie wizualne |
| RGB | rgb(51, 102, 255) | Wartości CSS, praca na canvasie, programowe kanały kolorów |
| HSL | hsl(225, 100%, 60%) | Dostosowywanie motywów przez odcień, nasycenie i jasność |
| HSV | hsv(225, 80%, 100%) | Przepływy pracy w stylu selektora kolorów i dostrajanie wizualne |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Przybliżone notatki do druku, nie końcowe zarządzanie kolorami dla druku |
Ważne ograniczenia
- Wynik CMYK jest obliczany na podstawie wartości sRGB i jest jedynie przybliżeniem.
- Nazwane kolory CSS, gradienty, Lab, LCH, OKLCH i Display-P3 są poza zakresem tej kompaktowej wersji v1.
- Wartości alfa mogą być parsowane dla powszechnych form HEX/RGB/HSL, lecz natywny podgląd próbki pokazuje nieprzezroczysty kolor bazowy.
- Różne narzędzia projektowe mogą zaokrąglać wartości HSL, HSV lub CMYK nieco inaczej.
Typowe przepływy pracy
Czyszczenie CSS
Wklej kolor HEX z przewodnika stylu i skopiuj RGB lub HSL dla stanu komponentu, palety wykresu lub zmiennej motywu.
Przekazanie projektu
Przechowuj wiele notacji kolorów razem, gdy programista, projektant lub redaktor treści używa różnych narzędzi.
Przegląd tokenów
Sprawdź, czy token koloru odpowiada oczekiwanemu odcieniowi i nasyceniu przed użyciem go w publicznym interfejsie.
Notatki do druku
Generuj przybliżone wartości CMYK do dyskusji, pozostawiając końcowy wynik druku narzędziom obsługującym profile.
Najczęściej zadawane pytania
Czy wynik CMYK jest dokładny?
Nie. Wartość CMYK to proste przeliczenie z sRGB, przydatne do ogólnych notatek. Końcowa praca drukarska zależy od papieru, atramentu, ustawień prasy i profili ICC.
Czy mogę wkleić funkcje kolorów CSS?
Tak — dla powszechnych składni funkcji w stylu RGB, HSL, HSV i CMYK. Nowsze przestrzenie kolorów, takie jak Lab, LCH, OKLCH i Display-P3, są celowo poza zakresem tego kompaktowego narzędzia.
Czy narzędzie obsługuje przezroczystość alfa?
Może parsować powszechne formy alfa, takie jak RGBA, HSLA i ośmiocyfrowe HEX, ale główna próbka i wynik kopiowania skupiają się na praktycznych nieprzezroczystych kolorach webowych.
Dlaczego wartości czasem różnią się od innego narzędzia projektowego?
Niewielkie różnice zwykle wynikają z zasad zaokrąglania lub założeń dotyczących zarządzania kolorem. Dla kolorów sRGB w sieci te różnice są zwykle znikome.
Kiedy zamiast tego powinienem użyć narzędzia do sprawdzania kontrastu?
Użyj narzędzia do sprawdzania kontrastu, gdy musisz porównać dwa kolory pod kątem czytelności tekstu. Ten konwerter zmienia tylko jeden kolor między formatami.