Krāsu kontrasta pārbaudītājs — WCAG AA & AAA
Pārbaudi, vai teksta un fona krāsas atbilst WCAG 2.1 pieejamības standartiem. Pārbaudi AA un AAA atbilstību gan parastam, gan lielam tekstam ar tiešraides priekšskatījumu.
Izcils Kontrasts
WCAG 2.1 kontrasta attiecība
AA — Parasts teksts
≥ 4.5:1
AA — Liels teksts
≥ 3:1
AAA — Parasts teksts
≥ 7:1
AAA — Liels teksts
≥ 4.5:1
Priekšskatījums
PARASTS TEKSTS (16px)
The quick brown fox jumps over the lazy dog
LIELS TEKSTS (24px)
The quick brown fox jumps over the lazy dog
MAZS TEKSTS (12px)
The quick brown fox jumps over the lazy dog
WCAG 2.1 kontrasta prasības
Tīmekļa satura pieejamības vadlīnijas (WCAG) nosaka minimālos kontrasta koeficientus, lai teksts būtu salasāms cilvēkiem ar vāju redzi vai krāsu aklumu.
| Līmenis | Teksta tips | Minimālais koeficients |
|---|---|---|
| AA | Parasts teksts (zem 18pt / 14pt treknraksts) | 4.5:1 |
| AA | Liels teksts (18pt+ / 14pt+ treknraksts) | 3:1 |
| AAA | Parasts teksts | 7:1 |
| AAA | Liels teksts | 4.5:1 |
Kontrasta koeficienta skala
- 1:1 — Nav kontrasta (viena krāsa)
- 3:1 — Minimums lielam tekstam (AA)
- 4.5:1 — Minimums parastam tekstam (AA)
- 7:1 — Uzlabots kontrasts parastam tekstam (AAA)
- 21:1 — Maksimālais kontrasts (melns uz balta)
Kāpēc tas ir svarīgi
Aptuveni 8% vīriešu un 0,5% sieviešu ir kādā formā krāsu redzes trūkums. Pietiekams kontrasts palīdz visiem — spilgtā saulē, uz zemas kvalitātes ekrāniem vai noguruma gadījumā.
Saistītie rīki
Krāsu maisītājs & gradienta ģenerātors
Sajauc divas krāsas ar attiecības slīdni. Iegūsti pilnu gradientu paleti.
CSS krāsu nosaukumi — visas 148 krāsas
Pārlūko visas 148 CSS nosauktās krāsas ar to HEX un RGB vērtībām.
Material Design krāsu tabula & palete
Material Design krāsu palete — 19 nokrāsu saimes × 10 toņi katrai.
Minecraft krāsu kodi & formatēšana
Visi Minecraft §-prefiksa krāsu un formatēšanas kodi ar priekšskatījumiem.
Roblox krāsu kodi & BrickColor ID
Pilna Roblox BrickColor palete ar krāsu ID un RGB vērtībām.
Krāsu paletes ģenerātors
Ģenerē harmoniskas krāsu paletes no bāzes krāsas — komplementāras, triādiskas un analogas.
Krāsu formātu konvertētājs
Konvertē krāsas starp HEX, RGB, HSL, HSV, CMYK un CSS nosauktu krāsu formātiem uzreiz.
Krāsu toņu ģenerātors
Ģenerē 10 pakāpju toņu paleti (50–900) no jebkuras bāzes krāsas kā Tailwind CSS. Kopē HEX, RGB un CSS mainīgos.
Krāsu gradientu paletes ģenerātors
Ģenerē vienmērīgus RGB gradientus starp divām krāsām ar 3–20 soļiem. Kopē HEX, CSS linear-gradient vai Tailwind masīvu.
Krāsu kontrasta analizators
Pārbauda WCAG 2.1 kontrasta attiecības. Nokārtots/neizturēts AA un AAA līmeņiem — plus automātiski ieteikumi un teksta priekšskatījums.
Krāsainas akluma simulators
Augšupielādē attēlu, lai redzētu to ar protanopiju, deuteranopiju, tritanopiju un achromatopsiju.
Tiešsaistes krāsu izvēlne — HEX, RGB & HSL
Izvēlies jebkuru krāsu vizuāli ar HSV izvēlni. Eksportē kā HEX, RGB vai HSL.
Krāsu ritenis tiešsaistē — interaktīvs HSL krāsu izvēlētājs
Interaktīvs HSL krāsu ritenis. Noklikšķini uz jebkura punkta, lai izvēlētos tā nokrāsu un piesātinājumu.
Attēla krāsu izvēlne — krāsas no fotoattēliem
Augšupielādē jebkuru attēlu un noklikšķini, lai paraugotu krāsas tieši no pikseļiem.
HEX uz RGB krāsu pārveidotājs
Pārveido HEX krāsu kodus uz RGB, HSL, HSV un CMYK vērtībām uzreiz.
RGB uz HEX krāsu pārveidotājs
Iestatiet R, G, B vērtības ar slīdņiem vai ievadiem un iegūstiet HEX, HSL izvadi.