Szín-kontraszt-ellenőrző
A szöveg- és háttérszín kontraszt arányát valamint az olvashatósági normák (WCAG AA) teljesülését azonnal ellenőrzi
Jellemzők
Kontraszt arány azonnali ellenőrzése
Megjeleníti a WCAG AA teljesülését a szöveg- és háttérszín megadásával
Szín választó és kód bevitel is támogatott
HEX · rövidített forma · rgb() beillesztése és szín kiválasztása
2 méretű mintamegjelenítés
Azonnal megtekintheti a normál szöveg és a címsor valódi megjelenítését
Megfelelő szín egyetlen kattintásra
Azonnal alkalmazza a javasolt, a szín árnyalatát megőrző, ámde más fényerővel rendelkező színt
Hogyan használd
Szövegszín megadása
Válassz szín választóval vagy add meg a #333333 · #333 · rgb(51, 51, 51) formátumok egyikét
Háttérszín megadása
Ugyanígy add meg a háttérszínt. Az eredmény a beírás közben is frissül
Arány · teljesülés · minta megtekintése
Ellenőrizd a kontraszt arányt, a normál és nagyméretű szöveg teljesülését, az értékelést és a mintaszöveg megjelenítését
Javasolt szín alkalmazása és újraellenőrzése
Teljesülés esetén a "Szövegszín ... -ra módosítása" gombbal alkalmazd a szabvány-megfelelő színt. A csere gombbal felcserélheted a szöveg- és háttérszíneket
Felhasználási esetek
Slide és dokumentum szín ellenőrzése
Ellenőrizd, hogy a belső dokumentumok és slide-ok szöveg- és háttérszíne olvasható-e a készítés előtt
Weboldal szín ellenőrzése
Ellenőrizd, hogy az oldal vagy banner szín-összeállítása teljesíti-e az akadálymentesítési normákat (WCAG AA)
Brand szín alkalmazása a szövegben
Határozd meg, hogy a brand szín szövegszínként használható-e és milyen sötétségűnek kell lennie a szövegtörzshöz
Nem megfelelő szín korrekciója
Korrigáld az észrevételezett szín-összeállítást az árnyalat megőrzésével, de megfelelő szintre
Alapismeretek
Mi az a kontraszt arány
A kontraszt arány a szöveg- és háttérszín fényerő-különbségét 1 : 1-től 21 : 1-ig terjedő számmal fejezi ki. A fekete és fehér kombinációja a legnagyobb 21 : 1, az azonos szín a legkisebb 1 : 1.
- A számítás módja：A kontraszt arányt úgy számítják, hogy mindkét színt sRGB relatív luminanciára konvertálják, majd az erősebb és a gyengébb luminanciához 0.05-öt adnak és elosztják.
- Számértékek útmutatója：Fehér háttéren (#FFFFFF) a szürke #777777 4,47 : 1, a #999999 2,84 : 1, a fekete (#000000) 21 : 1 kontraszt arányt eredményez.
WCAG AA és AAA közötti eltérés
A WCAG a webes tartalom akadálymentesítésére vonatkozó nemzetközi irányelvek, amely a kontraszt arány teljesülésének AA és AAA kétszintű normáit írja elő.
- AA (szabványos szint)：AA normál szöveghez 4,5 : 1-et, nagyméretű szöveghez 3,0 : 1-et követel meg, amely az általános weboldalaknál elérni kívánt szint.
- AAA (szigorúbb szint)：AAA normál szöveghez 7 : 1-et, nagyméretű szöveghez 4,5 : 1-et követel meg, amely a gyengénlátók olvashatóságára törekszik.
Nagyméretű szöveg meghatározása
A WCAG szerinti nagyméretű szöveg körülbelül 18 pont (24px) vagy nagyobb, illetve félkövér 14 pont (kb. 18,7px) vagy nagyobb karaktert jelent.
- Normál szöveg：A normál szöveg a nagyméretű szöveget nem tartalmazó méretű karakter, mint a szövegtörzs vagy jegyzetek, amely 4,5 : 1 vagy nagyobb kontraszt arányt igényel.
- Kapcsolat a címsorral：A 24px alatti és nem félkövér címsor is normál szövegnek számít, ezért a méret mellett a vastagság is ellenőrizni kell.
Biztonság és adatvédelem
Böngészőben zárul
A bevitt adatok kizárólag a böngészőjében kerülnek feldolgozásra, és nem kerülnek elküldésre külső helyre.
Csak a böngészőben feldolgozva
A Kontraszt arány számítása és szín javaslat teljes egészében az Ön böngészőjében történik, a bemeneti adatok nem kerülnek a szerverhez.
A kommunikáció HTTPS-sel titkosítva
Az oldal betöltése is TLS-sel titkosított, harmadik felek nem tudják az adatokat elolvasni.
Nem kerül harmadik félekhez
A bemeneti adatokat nem küldja külső szolgáltatásokhoz, például hirdetési hálózatokhoz vagy követőkkel kapcsolatos szolgáltatásokhoz.
Nincs automatikus mentés
A A megadott szöveg- és háttérszín vagy a bemeneti javaslatok nem kerülnek a szerverre mentésre.
Kövesse a RAKKOTOOLS-t a Google Keresésben
194 hasznos eszköz könnyebben megtalálható a Google Keresésből és az AI Keresésből!
- Megtalálható a keresésben
- AI Keresésben is megjelenik
- Új eszközöket is felfedezhet
Frissítések
- update #337
Szín kontraszt ellenőrzést hozzáadva, a szöveg és háttérszín olvashatóságának értékelése