Przejdź do próbnika kolorów

Konwerter HWB na HEX

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

Rozpoznano: HWB

Wartość HEX#ff5733
HEX na HWB

Dostosuj kolor

11°
100%

68%
0,210
34°

Wszystkie inne formaty

Przykłady: HWB na HEX

KolorHWBHEX
hwb(0 0% 0%)#ff0000
hwb(120 0% 0%)#00ff00
hwb(240 0% 0%)#0000ff
hwb(0 100% 0%)#ffffff
hwb(0 0% 100%)#000000
hwb(0 50.2% 49.8%)#808080
hwb(10.59 20% 0%)#ff5733
hwb(217.22 23.14% 3.53%)#3b82f6
hwb(160.12 6.27% 27.45%)#10b981
hwb(37.69 4.31% 3.92%)#f59e0b
hwb(258.31 36.08% 3.53%)#8b5cf6
hwb(330.37 28.24% 7.45%)#ec4899

O formatach HWB i HEX

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ń.

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.

Jak działa konwersja

Odczytujemy wartość HWB, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na HEX. 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ć HWB na HEX?

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

Czy konwersja HWB na HEX 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.