Farvekonverter
Konverter redigerbare HEX-, RGB-, RGBA-, HSL-, HSLA- og HSV-værdier, mens du forhåndsviser den samme farve og kopierer det format, din kode eller dit designs…
Begynd at bruge
Hvad dette værktøj hjælper dig med
Konverter redigerbare HEX-, RGB-, RGBA-, HSL-, HSLA- og HSV-værdier, mens du forhåndsviser den samme farve og kopierer det format, din kode eller dit designsystem har brug for.
Eksempel
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Sådan produceres resultatet
RGB gemmer intensiteten af rød, grøn og blå kanal. HSL beskriver farvetone, mætning og lyshed; HSV bruger værdi i stedet for lyshed. Konvertering bevarer den repræsenterede farve, underlagt afrunding og farverumsbegrænsninger.
Nyttige arbejdsgange
- Oversæt designfilfarver til CSS
- Opret redigerbare HSL-varianter fra en brand-HEX-værdi
- Bekræft alpha-værdier, før du bruger overlejringer
Vigtige begrænsninger
- HEX uden en alpha-kanal er fuldt uigennemsigtig.
- Gentagne konverteringer kan ændre det sidste ciffer, fordi kanaler afrundes.
- Ækvivalente numeriske værdier kan se forskellige ud på ikke-kalibrerede skærme.
Ofte stillede spørgsmål
Er HEX- og RGB-farver forskellige?
De er to notationer for den samme RGB-kanalmodel; #3B82F6 og rgb(59,130,246) repræsenterer den samme farve.
Forbedrer konvertering af en farve kontrasten?
Nej. Konvertering ændrer notation, ikke kontrast. Test det faktiske forgrunds- og baggrundspar.
Behandlingen foregår lokalt i din browser.