Gå til farvevælgeren

Konvertér HWB til RGBA

Indsæt en HWB-værdi, og få RGBA med det samme. Alle andre formater virker også.

Genkendt som HWB

RGBA-værdirgba(255, 87, 51, 1)
RGBA til HWB

Justér farven

11°
100 %

68 %
0,210
34°

Alle andre formater

Opacitetstabel: HEX-alfa og RGBA

I 8-cifret HEX bestemmer de sidste to cifre opaciteten: FF er helt dækkende, 80 er omkring 50 %, og 00 er helt gennemsigtig. Tabellen viser eksempelfarven i trin på 5 %.

OpacitetHEX-alfaHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Eksempler: HWB til RGBA

FarveHWBRGBA
hwb(0 0% 0%)rgba(255, 0, 0, 1)
hwb(120 0% 0%)rgba(0, 255, 0, 1)
hwb(240 0% 0%)rgba(0, 0, 255, 1)
hwb(0 100% 0%)rgba(255, 255, 255, 1)
hwb(0 0% 100%)rgba(0, 0, 0, 1)
hwb(0 50.2% 49.8%)rgba(128, 128, 128, 1)
hwb(10.59 20% 0%)rgba(255, 87, 51, 1)
hwb(217.22 23.14% 3.53%)rgba(59, 130, 246, 1)
hwb(160.12 6.27% 27.45%)rgba(16, 185, 129, 1)
hwb(37.69 4.31% 3.92%)rgba(245, 158, 11, 1)
hwb(258.31 36.08% 3.53%)rgba(139, 92, 246, 1)
hwb(330.37 28.24% 7.45%)rgba(236, 72, 153, 1)

Om HWB og RGBA

HWB beskriver en farve med dens farvetone, plus hvor meget hvid og sort der er blandet i. Det er en del af CSS Color 4 og er praktisk til lysere og mørkere varianter.

RGBA er RGB med en alfakanal til opacitet, skrevet som rgba(255, 87, 51, 0.5). Alfa går fra 0 (helt gennemsigtig) til 1 (helt dækkende). Samme opacitet kan skrives som 8-cifret HEX, fx #ff573380.

Sådan fungerer konverteringen

Vi læser HWB-værdien, omregner den til CIE XYZ med matricerne fra specifikationen CSS Color 4 og derefter til RGBA. Værdier uden for målets farveomfang tilpasses med algoritmen fra CSS Color 4, som bevarer lyshed og farvetone og sænker kroma.

Spørgsmål og svar

Hvordan konverterer jeg HWB til RGBA?

Indsæt eller skriv en HWB-værdi i feltet ovenfor. PickShade konverterer den med formlerne fra CSS Color 4, mens du skriver, og ét klik kopierer RGBA-værdien.

Er konverteringen fra HWB til RGBA præcis?

Beregningen er præcis, og resultatet afrundes kun til visning, med nok cifre til at regne tilbage til samme farve. Hvis farven ikke passer i målets farveomfang, advarer PickShade dig og viser den nærmeste farve, der passer.

Kan jeg få andre formater på samme tid?

Ja. Alle andre formater, også OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ét klik.

Er konverteren gratis?

Ja. Den er gratis, kræver ingen tilmelding og kører helt i din browser.