Jak przekonwertować kolor
- Kliknij pole koloru, aby go wybrać, albo wpisz go w polu tekstowym.
- Możesz wpisać go jako HEX (#1e90ff), rgb(), hsl() lub angielską nazwą.
- Zobacz kolor w podglądzie wraz z odpowiednikami HEX, RGB, HSL i CMYK.
- Skopiuj potrzebny format i sprawdź kontrast z białym lub czarnym tekstem.
Do czego służy
Projektanci i programiści często zamieniają kolor z jednego formatu na inny: HEX z palety, rgb() w arkuszu stylów, HSL do tworzenia jaśniejszych lub ciemniejszych wariantów. To narzędzie robi to jednym krokiem.
Oblicza też kontrast koloru z białym i z czarnym tekstem według wytycznych dostępności WCAG: 4,5:1, aby spełnić poziom AA, i 7:1 dla poziomu AAA przy zwykłym tekście.
CMYK to prosta konwersja, przydatna jako punkt odniesienia; do profesjonalnego druku użyj profilu kolorów z programu graficznego.
O czym warto pamiętać
- CMYK jest obliczany z RGB standardowym wzorem, bez profilu kolorów, więc może różnić się od tego, co zobaczysz na wydruku.
- Nazwy kolorów działają po angielsku (red, tomato, navy…).
- Natywny wybór koloru może wyglądać inaczej w zależności od przeglądarki i urządzenia.
Najczęstsze pytania
Jak zamienić HEX na RGB?
Wpisz HEX (na przykład #1e90ff), a narzędzie od razu pokaże odpowiadające mu rgb() oraz HSL i CMYK.
Czym jest kontrast WCAG?
Mierzy czytelność tekstu na tle. Współczynnik 4,5:1 spełnia poziom AA, a 7:1 poziom AAA, dla zwykłego tekstu.
Czy akceptuje kolory z przezroczystością?
Tak: możesz wpisać #rrggbbaa, rgba() lub hsla(), a zostaną pokazane także z przezroczystością.
Czy cokolwiek jest wysyłane na serwer?
Nie. Wszystko jest obliczane w Twojej przeglądarce.
Czy to narzędzie jest bezpłatne?
Tak, jest bezpłatne, nie wymaga rejestracji i działa bezpośrednio w przeglądarce.