Przejdź do próbnika kolorów

Konwerter HEX na HWB

Wklej wartość HEX i od razu dostaniesz HWB. Inne formaty też działają.

Rozpoznano: HEX

Wartość HWBhwb(10.59 20% 0%)
HWB na HEX

Dostosuj kolor

11°
100%

68%
0,210
34°

Wszystkie inne formaty

Przykłady: HEX na HWB

KolorHEXHWB
#ff0000hwb(0 0% 0%)
#00ff00hwb(120 0% 0%)
#0000ffhwb(240 0% 0%)
#ffffffhwb(0 100% 0%)
#000000hwb(0 0% 100%)
#808080hwb(0 50.2% 49.8%)
#ff5733hwb(10.59 20% 0%)
#3b82f6hwb(217.22 23.14% 3.53%)
#10b981hwb(160.12 6.27% 27.45%)
#f59e0bhwb(37.69 4.31% 3.92%)
#8b5cf6hwb(258.31 36.08% 3.53%)
#ec4899hwb(330.37 28.24% 7.45%)

O formatach HEX i HWB

HEX zapisuje czerwony, zielony i niebieski jako dwie cyfry szesnastkowe każdy, np. #ff5733. To najpopularniejszy sposób zapisu kolorów w sieci i w narzędziach projektowych.

HWB opisuje kolor przez barwę oraz ilość domieszanej bieli i czerni. Należy do CSS Color 4 i przydaje się do rozjaśnień i przyciemnień.

Jak działa konwersja

Odczytujemy wartość HEX, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na HWB. Wartości spoza docelowego gamutu są dopasowywane algorytmem CSS Color 4, który zachowuje jasność i barwę, a zmniejsza chromę.

Pytania i odpowiedzi

Jak przekonwertować HEX na HWB?

Wklej lub wpisz wartość HEX w pole powyżej. PickShade przelicza ją wzorami CSS Color 4 w trakcie pisania, a jedno kliknięcie kopiuje wartość HWB.

Czy konwersja HEX na HWB jest dokładna?

Obliczenia są dokładne, a wynik jest zaokrąglany tylko do wyświetlenia, z liczbą cyfr wystarczającą, by wrócić do tego samego koloru. Jeśli kolor nie mieści się w docelowym gamucie, PickShade ostrzega i pokazuje najbliższy kolor, który się mieści.

Czy mogę od razu dostać inne formaty?

Tak. Wszystkie inne formaty, w tym OKLCH, Display P3, Tailwind, SwiftUI, Flutter i Android, są pod wynikiem i kopiują się jednym kliknięciem.

Czy ten konwerter jest darmowy?

Tak. Jest darmowy, nie wymaga rejestracji i działa w całości w przeglądarce.