Krāsu kontrasta pārbaude

Do4U pārbauda tava zīmola un vietnes krāsu kontrastu. Tu ievadi savas krāsas, vienu rindā, un norādi, kam katra krāsa paredzēta: tekstam, fonam, akcentam (piemēram, pogai) vai apmalei. Kods aprēķina katra pāra kontrasta attiecību pēc WCAG formulas un parāda, kādus līmeņus tas sasniedz: AA un AAA parastam un lielam tekstam un 3:1 apmalēm, ikonām un pogu laukumiem. Vērtības netiek noapaļotas uz augšu. Katram pārim, kas neatbilst, tu saņem tuvāko krāsu, kas atbilst, vienreiz tumšāku un vienreiz gaišāku, tajā pašā tonī. Do4U arī izveido pielāgotu paleti un vēlreiz pārbauda to kopumā. Paleti tu eksportē kā CSS pielāgotos rekvizītus, SCSS mainīgos vai JSON, un eksports tiek izveidots tavā pārlūkā. Viss notiek kodā, bez AI, un tas ir bez maksas.

Izmēģini tagad Cenas

Bez maksas un bez konta: Kontrasta attiecības kalkulators →

Kam tas paredzēts

Dizaineriem, izstrādātājiem, aģentūrām un vietņu īpašniekiem, kas izvēlas zīmola krāsas vai veido stila rokasgrāmatu un vēlas tekstu un pogas, ko var izlasīt ikviens.

Tipiski lietojumi

Pārbaudi jaunu zīmola paleti, pirms sākas dizains
Atrodi pelēko toni sekundāram tekstam, kas joprojām atbilst AA
Pārbaudi pogu, saišu un apmaļu krāsas pret lapas fonu
Eksportē pielāgotās krāsas kā CSS mainīgos savai stila lapai

Piemērs

Ievade

#1a1a1a text #777777 text Secondary #ffffff background #cccccc border

Rezultāts

#1a1a1a uz #ffffff: 17.4:1, atbilst AA un AAA #777777 uz #ffffff: 4.47:1, neatbilst AA parastam tekstam (atbilst lielam tekstam). Tumšāka: #767676 → 4.54:1. Gaišāka: nav iespējama #cccccc uz #ffffff: 1.6:1, neatbilst neteksta kontrastam 3:1. Tumšāka: #949494 → 3.03:1 Eksports (pielāgots): :root { --color-text: #1a1a1a; --secondary: #767676; --color-background: #ffffff; --color-border: #949494; }

Fiksēts piemērs, saīsināts. Īstos rezultātus ģenerē AI: lūdzu, pārbaudi tos.

Cena un limiti

Cena: bez maksas, līdz 30 pārbaudēm dienā
Pieejams ar: Free, Ar paketi
Ievades limits: Līdz 3 000 rakstzīmēm vienā failā

Privātums

Apstrāde mūsu pašu serveros ES (Polijā). Ievades un rezultāti tiek dzēsti pēc 7 dienām (Free) vai 30 dienām (paketes), vai uzreiz pēc tam, kad esi redzējis rezultātu, ja izvēlies tos nesaglabāt. Attēli tiek dzēsti uzreiz pēc apstrādes.

API

Rīka nosaukums: contrast_check. Izveido darbu ar POST /api/v1/jobs un iegūsti rezultātu ar GET /api/v1/jobs/{id}. Savu API atslēgu atradīsi savā kontā.

curl -X POST https://do4u.eu/api/v1/jobs \
  -H "Authorization: Bearer d4u_…" -H "Content-Type: application/json" \
  -d '{"tool": "contrast_check", "colors": ["#1a1a1a text", "#ffffff background", "#0066cc accent"]}'

Pilna API dokumentācija →

Jautājumi un atbildes

Kā tiek aprēķināta kontrasta attiecība?

Ar WCAG 2.2 formulu: vispirms katras krāsas relatīvā spilgtība, tad (L1 + 0.05) / (L2 + 0.05), kur L1 ir gaišākā krāsa. Rezultāts ir no 1:1 līdz 21:1. Vērtības tiek salīdzinātas bez noapaļošanas, tāpēc 4.49:1 nesasniedz 4.5:1, un attēlojums nekad nenoapaļo uz augšu.

Kuri pāri tiek pārbaudīti?

Teksts tiek pārbaudīts uz katra fona un uz akcenta krāsām, pret 4.5:1 un 7:1 parastam tekstam un 3:1 un 4.5:1 lielam tekstam. Akcenta un apmaļu krāsas tiek pārbaudītas uz fona pret 3:1 neteksta kontrastam. Krāsa bez lomas tiek salīdzināta ar visām pārējām krāsām.

Kā tiek atrastas ieteiktās krāsas?

Mainās tikai gaišums OKLCH krāsu telpā; tonis paliek tas pats. Do4U meklē tuvāko krāsu, kas atbilst, vienreiz tumšāku un vienreiz gaišāku, un vēlreiz pārbauda to kā hex kodu. Ja neviena krāsa nevar atbilst pret kādu fonu, tas to pasaka.

Vai mans teksts tiek glabāts?

Tikai tik ilgi, cik vajag: 7 dienas plānā Free, 30 dienas ar paketi – vai nemaz, ja izvēlies to neglabāt. Apstrāde notiek mūsu pašu serveros ES (Polijā).

Vai rezultātu varu izmantot uzreiz?

Rezultātus ģenerē AI. Lūdzu, izlasi tos, pirms publicē vai nosūti.

Saistītie rīki

Piekļūstamības pārbaude
Pārbauda lapu, meklējot biežākos šķēršļus, un paskaidro, kā tos novērst.
Dizaina atsauksme no ekrānuzņēmuma
Augšupielādē lapas vai lietotnes ekrānuzņēmumu un saņem numurētus, konkrētus konstatējumus par pogu izmēru, kontrastu, tekstu attēlos, hierarhiju un atstarpēm, katru ar rāmi attēlā. AI vērtējums, nevis mērījums.
Alt teksti
Īsi attēlu apraksti ekrāna lasītājiem un meklētājprogrammām.

Visi rīki →