Farvekonverter
Indsæt en HEX-, RGB-, HSL-kode eller et farvenavn og få alle formater på én gang, med WCAG-kontrasttjek.
- Kører på din enhed
- Ingen oprettelse
- Virker offline efter et besøg
Accepterer #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() eller et CSS-farvenavn som rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Hvert forhold er WCAG 2.x. Stor tekst er 24px eller mere, eller 18,66px og fed. Godkendt-markeringer tjekkes mod det præcise forhold, og en gennemsigtig farve blandes først ind i hver baggrund.
Sådan konverter en farvekode
- Skriv en HEX-kode, rgb(), hsl() eller et farvenavn, eller vælg en med farveprøven.
- Kopiér det format, du har brug for, fra de fem resultater.
- Læs kontrastforholdet og AA- eller AAA-mærkerne på hvid, på sort og på en baggrund, du vælger.
Spørgsmål
Hvorfor er CMYK-værdien kun ca.?
CMYK afhænger af printerens blæk, papir og farveprofil. Denne konverter bruger den simple matematiske formel, som ser bort fra alle tre, så en trykt farve vil afvige fra skærmen. Bed om en prøveudskrift hos trykkeriet, før du laver en stor oplag.
Hvordan beregnes kontrastforholdet?
WCAG 2.x finder den relative luminans for hver farve ud fra dens rød-, grøn- og blå-værdi efter gammakorrektion. Forholdet er den lysere luminans plus 0,05, divideret med den mørkere luminans plus 0,05. Sort på hvid giver 21:1, det højest mulige.
Hvilke grænseværdier bruger tjekket?
WCAG 2.x kræver mindst 4,5:1 for normal tekst og 3:1 for stor tekst på niveau AA, og 7:1 og 4,5:1 på niveau AAA. Stor tekst er 24px eller mere, eller 18,66px og fed.
Hvilke farveformater accepterer feltet?
Hex-koder med tre, seks eller otte cifre, rgb() og rgba(), hsl() og hsla() samt CSS-farvenavne som rebeccapurple. Browseren læser værdien, så alt den forstår som CSS-farve virker.
Anmeldelser
Ingen anmeldelser endnu. Vær den første.