Farvekontrastkontrol
Om skærmens nøjagtighed
Colour Contrast Checker fra GrackleDocs kan give forskellige resultater på forskellige skærme, især hvis skærmens opsætning ikke er "native". Forskellige skærme har forskellig farvekalibrering, lysstyrke og kontrast, hvilket kan påvirke nøjagtigheden af pipetteværktøjet, der bruges til at vælge farver, hvilket kan føre til uoverensstemmelser i de beregnede kontrastforhold. For at sikre konsistente og nøjagtige resultater er det bedst at bruge værktøjet på en enkelt, indbygget skærm.
Hjælp - Kontrol af farvekontrast
Kom godt i gang
Dette værktøj hjælper dig med at kontrollere, om dine farvekombinationer opfylder WCAG 2.2-standarderne for tilgængelighed. Indtast en forgrundsfarve (tekst) og en baggrundsfarve for at se kontrastforholdet og status for overholdelse.
Sigt efter mindst 4.5:1 for normal tekst (AA) eller 7:1 for forbedret tilgængelighed (AAA).
Indtastning af farver
Indtast farver ved hjælp af:
- Farvevælger: Klik på den farvede firkant for visuel udvælgelse
- Hex: Indtast koder som
#FF5733ellerFF5733 - RGB: Værdier fra 0-255 for rød, grøn, blå
- HSL: Farvetone (0-360), Mætning (0-100%), Lysstyrke (0-100%)
- HSV: Farvetone (0-360), Mætning (0-100%), Værdi (0-100%)
- Farvernes navne: CSS-navne som
rød,Mørkegrå
EyeDropper-værktøj
Vælg en hvilken som helst farve fra din skærm med pipetteknappen.
Farveslidere og alfa
Klik på "Colour Sliders" for at få vist de justerbare knapper:
- RGB: Rød, grøn, blå (0-255)
- HSL: Farvetone, mætning, lyshed
- HSV: Farvetone, mætning, værdi
- Alfa: Gennemsigtighed (0-1)
WCAG 2.2 Succeskriterier
| Kriterium | Niveau | Normal | Stor |
|---|---|---|---|
| SC 1.4.3 (minimum) | AA | 4.5:1 | 3:1 |
| SC 1.4.6 (forbedret) | AAA | 7:1 | 4.5:1 |
| SC 1.4.11 (Ikke-tekst) | AA | 3:1 | |
Forslag til tilgængelige farver
Når kontrasten svigter, foreslår værktøjet tilgængelige alternativer:
- AA/AAA-forslag: Farver, der opfylder kravene
- Klik for at ansøge: Klik på et forslag for at bruge det
- Fortryd: Gå tilbage med knappen Fortryd
Synssimulation
Se, hvordan farver ser ud under forskellige synsvilkår:
- Protanopi/Deuteranopi/Tritanopi: Typer af farveblindhed
- Monokromi: Komplet farveblindhed
- Synsskarphed: Sløret syn (20/40 til 20/400)
- Tunnelsyn: Perifert synstab
Kopiering af resultater
- Kopi af resumé: Kort kontrastforhold og status
- Kopier detaljeret: Fuld rapport om overholdelse af WCAG
- Kopi af farve: Individuelle farveværdier
Tastatur-navigation
- Fanen - Naviger kontrolelementer
- Flugt - Luk dialoger
- Piletaster - Juster skyderne
Forgrundsfarve
Baggrundsfarve
EKSEMPEL: Forgrund på baggrund
Kontrastforhold: 21.00:1
WCAG 2.2 Succeskriterier
Dette er almindelig brødtekst, der viser kontrasten mellem forgrunds- og baggrundsfarver.
Dette er stor tekst (24px fed).
Interaktive elementer: Link eksempel
Forslag til tilgængelige farver
Klik på et forslag for at anvende det som din forgrundsfarve