Salt la selectorul de culori

Convertor HWB în HEX

Lipește o valoare HWB și primești imediat HEX. Merge și orice alt format.

Recunoscut ca HWB

Valoare HEX#ff5733
HEX în HWB

Ajustează culoarea

11°
100 %

68 %
0,210
34°

Toate celelalte formate

Exemple HWB în HEX

CuloareHWBHEX
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

Despre HWB și HEX

HWB descrie o culoare prin nuanță și prin cât alb și cât negru sunt amestecate în ea. Face parte din CSS Color 4 și este util pentru variante mai deschise și mai închise.

HEX scrie roșul, verdele și albastrul cu câte două cifre hexazecimale, de exemplu #ff5733. Este cel mai răspândit mod de a scrie culorile pe web și în instrumentele de design.

Cum funcționează conversia

Citim valoarea HWB, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în HEX. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.

Întrebări și răspunsuri

Cum convertesc HWB în HEX?

Lipește sau scrie o valoare HWB în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea HEX.

Conversia din HWB în HEX este exactă?

Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.

Pot obține și alte formate în același timp?

Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.

Convertorul este gratuit?

Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.