§ 12
Contrast ratio between vinyl and background colour
Er kontrasten mellem foliefarven og bundfarven høj nok til at teksten er let at læse?
Answer: Beregner kontrastforholdet mellem to farver (fx foliefarve og skiltets bundfarve) efter W3C's WCAG 2.1-kontrastformel, som bruges til at vurdere om tekst er let læselig. Indtast RGB-værdier (0-255) for hhv. forgrunds- og baggrundsfarve. Et forhold på mindst 4,5:1 svarer til WCAG's krav til normal tekst, 3:1 til stor tekst. Erstatter ikke en visuel vurdering under de faktiske lysforhold på stedet.
Formula
relativ luminans L = 0,2126·R + 0,7152·G + 0,0722·B, hvor R/G/B er gamma-korrigerede kanalværdier (WCAG 2.1, W3C)
kontrastforhold = (L_lys + 0,05) ÷ (L_mørk + 0,05)
kanalværdi v (0-255, normeret til 0-1): v ≤ 0,03928 → v/12,92; ellers ((v+0,055)/1,055)^2,4
| Symbol | Meaning | Unit |
|---|---|---|
| r1 | Forgrund — rød (R) | — |
| g1 | Forgrund — grøn (G) | — |
| b1 | Forgrund — blå (B) | — |
| r2 | Baggrund — rød (R) | — |
| g2 | Baggrund — grøn (G) | — |
| b2 | Baggrund — blå (B) | — |
| = | Kontrastforhold | :1 |
| = | Relativ luminans, forgrund | — |
| = | Relativ luminans, baggrund | — |
Gyldighed og kilde
- Source
- WCAG 2.1 (W3C)
Gælder ikke når
- WCAG 2.1 anbefaler mindst 4,5:1 til normal brødtekst og 3:1 til stor/fed tekst. Gælder fladt, jævnt lys — vurder altid skiltet i både dagslys og mørke i praksis.
Worked example
Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.
Sat ind
- Forgrund — rød (R)255
- Forgrund — grøn (G)255
- Forgrund — blå (B)255
- Baggrund — rød (R)200
- Baggrund — grøn (G)30
- Baggrund — blå (B)30
Giver
- Kontrastforhold5.74 :1
- Relativ luminans, forgrund1.000
- Relativ luminans, baggrund0.133
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.