§ 10
Contrast ratio (WCAG)
Er kontrasten mellem denne tekstfarve og baggrundsfarve høj nok til at bestå WCAG AA (eller AAA)?
Answer: Til webdesign og digitale tryksager stiller WCAG (Web Content Accessibility Guidelines) krav om et minimumskontrastforhold mellem tekst og baggrund, så teksten kan læses af flest muligt — herunder svagtseende. Beregneren regner kontrastforholdet ud fra to RGB-farver efter WCAG's officielle formel for relativ luminans. Den erstatter ikke en fuld tilgængelighedsgennemgang, som også ser på skriftstørrelse, kontekst og andre WCAG-kriterier.
Formula
relativ luminans L = 0,2126×R + 0,7152×G + 0,0722×B, hvor hver kanal først lineariseres: c ≤ 0,03928 → c/12,92, ellers ((c+0,055)/1,055)^2,4 (c = kanalværdi/255)
kontrastforhold = (L_lys + 0,05) / (L_mørk + 0,05)
Formlen er WCAG 2.1's officielle definition under succeskriterie 1.4.3 (minimumskontrast).
| Symbol | Meaning | Unit |
|---|---|---|
| r1 | Tekstfarve – rød (R) | — |
| g1 | Tekstfarve – grøn (G) | — |
| b1 | Tekstfarve – blå (B) | — |
| r2 | Baggrundsfarve – rød (R) | — |
| g2 | Baggrundsfarve – grøn (G) | — |
| b2 | Baggrundsfarve – blå (B) | — |
| = | Kontrastforhold | :1 |
| = | Relativ luminans (tekstfarve) | |
| = | Relativ luminans (baggrundsfarve) |
Gyldighed og kilde
- Source
- WCAG 2.1, SC 1.4.3 (relativ luminans-formel)
Gælder ikke når
- Vejledende beregning af selve tallet. Om kontrastforholdet er 'nok' afhænger også af skriftstørrelse/fed og hvilket WCAG-niveau (AA/AAA) I sigter efter — brug altid et rigtigt kontrastværktøj som endelig kontrol.
Worked example
Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.
Sat ind
- Tekstfarve – rød (R)0
- Tekstfarve – grøn (G)0
- Tekstfarve – blå (B)0
- Baggrundsfarve – rød (R)255
- Baggrundsfarve – grøn (G)255
- Baggrundsfarve – blå (B)255
Giver
- Kontrastforhold21.00 :1
- Relativ luminans (tekstfarve)0.000
- Relativ luminans (baggrundsfarve)1.000
Members only
The calculator itself is locked
Create a free user account to unlock all articles, calculators, templates and range — and get access to quizzes and classes. It takes less than a minute: name, email and a password. No payment card.
Want to try something first? See what you can use without an account — the junior zone, the encyclopedia, the videos and more.