Zum Inhalt springen

Kontrastfortsatz zwischen Folie und Bodenfarbe

Er kontrasten mellem foliefarven og bundfarven høj nok til at teksten er let at læse?

Antwort: 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.

Formel

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

Symbole und Einheiten in der Formel
SymbolBedeutungEinheit
r1Forgrund — rød (R)—
g1Forgrund — grøn (G)—
b1Forgrund — blå (B)—
r2Baggrund — rød (R)—
g2Baggrund — grøn (G)—
b2Baggrund — blå (B)—
=Kontrastforhold:1
=Relativ luminans, forgrund—
=Relativ luminans, baggrund—

Gültigkeit und Quelle

Quelle
WCAG 2.1 (W3C)

Gilt nicht, wenn

  • 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.

Rechenbeispiel

Die eigenen Standardwerte des Rechners sind eingesetzt. Die Zahlen sind mit genau der Formel berechnet, die das Werkzeug verwendet.

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

Geber

  • Kontrastforhold5,74 :1
  • Relativ luminans, forgrund1,000
  • Relativ luminans, baggrund0,133

Der Rechner selbst ist gesperrt

Lege einen kostenlosen Zugang an, um alle Artikel, Rechner, Vorlagen und das Sortiment freizuschalten — und Zugriff auf Quizze und Klassen zu erhalten. Es dauert unter einer Minute: Name, E-Mail und ein Passwort. Keine Zahlungskarte.

Willst du zuerst etwas ausprobieren? Sieh, was du ohne Konto nutzen kannst — der Junior-Bereich, das Lexikon, die Videos und mehr.

Sådan bruger du den

Når du vælger folie- og bundfarve til et skilt, skal teksten kunne læses, også af folk med nedsat syn. WCAG's kontrastformel giver et tal, der er let at sammenligne med anbefalingerne: mindst 4,5:1 til normal tekst og 3:1 til stor tekst.

Schritt für Schritt

  1. Find RGB-værdierne for de to farver i farvekortet eller designprogrammet.
  2. Indtast forgrund (tekst) og baggrund (bund).
  3. Beregneren regner luminansen for hver farve og forholdet mellem dem.
  4. Se om forholdet når 4,5:1 til normal tekst eller 3:1 til stor tekst.

Typische Fehler

  • At vurdere kontrasten på en skærm. Folie og print ser anderledes ud i dagslys.
  • At glemme at belyste skilte om aftenen har en anden kontrast end om dagen.
  • At tro at to «stærke» farver giver god kontrast. Rød og grøn kan have næsten samme luminans.

Beispiele aus dem Alltag

Hvid tekst på rød bund

En pizzeria vil have hvid tekst på en rød facadeplade.

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

Es bedeutet: Kontrasten er 5,74 :1. Det klarer kravet til normal tekst.

Gul tekst på hvid bund

En kunde ønsker gul tekst på hvid bund.

Forgrund — rød (R)
255
Forgrund — grøn (G)
204
Forgrund — blå (B)
0
Baggrund — rød (R)
255
Baggrund — grøn (G)
255
Baggrund — blå (B)
255

Es bedeutet: Kontrasten er kun 1,51 :1. Teksten bliver svær at læse. Foreslå en sort eller mørkeblå kant om bogstaverne, eller en anden bund.

Sort tekst på gul bund

Samme gule farve bruges nu som bund med sort tekst.

Forgrund — rød (R)
0
Forgrund — grøn (G)
0
Forgrund — blå (B)
0
Baggrund — rød (R)
255
Baggrund — grøn (G)
204
Baggrund — blå (B)
0

Es bedeutet: Kontrasten er 13,89 :1. Det er meget højt og en af de mest læsbare kombinationer.

Faustregel

Lys tekst på mørk bund eller omvendt. Sort på hvid er 21:1, det højest mulige.

So überprüfst du die Antwort

Byt om på forgrund og baggrund. Forholdet skal være det samme.