Konwertuj kolory między formatami
Wpisz kolor w dowolnym formacie CSS — kod HEX, np. #3B82F6 lub #38F, rgb() lub rgba(), hsl() albo nazwę, np. tomato — lub wybierz go próbnikiem kolorów. Narzędzie pokaże ten sam kolor jako HEX, RGB, HSL, HSV i CMYK, gotowy do skopiowania do CSS, narzędzia graficznego lub ustawień druku.
Pokazuje też, jak czytelny jest biały lub czarny tekst na tym kolorze, w postaci współczynnika kontrastu WCAG: 4.5:1 lub więcej spełnia poziom AA dla zwykłego tekstu. Kolor jest odczytywany przez przeglądarkę dokładnie tak, jak odczytałby go CSS.
Dlaczego warto używać tego konwertera kolorów?
- HEX, RGB, HSL, HSV i CMYK w jednym miejscu
- Obsługa wszystkich formatów kolorów CSS i nazw kolorów
- Obsługa przezroczystości (kanału alfa)
- Kontrast WCAG z białym i czarnym tekstem
Jak przekonwertować kolor
- Wpisz lub wklej kolor albo wybierz go próbnikiem kolorów
- Zobacz kolor we wszystkich formatach obok jego podglądu
- Kliknij przycisk kopiowania obok potrzebnego formatu
Najczęściej zadawane pytania
Czy ten konwerter kolorów jest darmowy?
Tak, jest całkowicie darmowy i działa w przeglądarce.
Czym różnią się RGB, HSL i HSV?
RGB miesza światło czerwone, zielone i niebieskie (każde w zakresie 0–255). HSL i HSV opisują ten sam kolor za pomocą odcienia (0–360°), nasycenia oraz jasności lub wartości, co ułatwia tworzenie jaśniejszych, ciemniejszych lub bardziej stonowanych wariantów.
Co oznacza współczynnik kontrastu?
Porównuje jasność koloru tekstu i tła (WCAG 2). Dla zwykłego tekstu na poziomie AA wymagany jest współczynnik co najmniej 4.5:1, dla dużego tekstu 3:1; im wyższy, tym łatwiej się czyta.
Czy cokolwiek jest wysyłane na serwer?
Nie. Wszystko jest obliczane w przeglądarce.