Hoppa till färgväljaren

Konvertera HWB till HEX

Klistra in ett HWB-värde och få HEX direkt. Andra format fungerar också.

Tolkad som HWB

HEX-värde#ff5733
HEX till HWB

Justera färgen

11°
100 %

68 %
0,210
34°

Alla andra format

Exempel: HWB till HEX

FärgHWBHEX
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

Om HWB och HEX

HWB beskriver en färg med färgton plus hur mycket vitt och svart som blandas in. Det ingår i CSS Color 4 och är praktiskt för ljusare och mörkare varianter.

HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.

Så fungerar konverteringen

Vi läser HWB-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till HEX. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HWB till HEX?

Klistra in eller skriv ett HWB-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar HEX-värdet.

Är konverteringen från HWB till HEX exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.