Kontrasztellenőrző
Válasszon szöveg- és háttérszínt a kontrasztarányuk WCAG AA és AAA küszöbértékeihez viszonyított ellenőrzéséhez. A kiválasztott színekkel készített előnézet mellett külön eredményeket lát a normál és a nagy szövegre.
Mire használható
Ellenőrizd két szín arányát
Válassz szöveg- és háttérszínt, és nézd meg a kontrasztarányt két tizedes helyen.
Hasonlítsd össze az AA és AAA küszöbértékeket
Nézd meg külön a normál és a nagy szöveg eredményét, valamint a kiválasztott színekkel készített előnézetet.
Összehasonlítás feketével és fehérrel
Nyisd meg a választható részleteket, és hasonlítsd össze a szövegszínt a fekete és a fehér háttérrel.
Hogyan használható
Add meg a szövegszínt
Válassz HEX, RGB, HSL, HSV vagy CMYK értéket, és add meg a szövegszínt. A színminta kiválasztása a bemenetet HEX-re állítja.
Válaszd ki a hátteret
Adj meg egy három- vagy hatjegyű HEX értéket, vagy használd a színválasztót. A # előtag nem kötelező.
Ellenőrizd a kontrasztot
Válaszd ki a Kontraszt ellenőrzése lehetőséget az arány, a szövegelőnézet és az AA/AAA eredmények áttekintéséhez. Bármelyik szín módosítása után ellenőrizd újra.
Mikor segít
Törzsszöveg ellenőrzése egy háttéren
Add meg az oldalon használt színeket, és ellenőrizd, hogy a normál szöveg teljesíti-e az előírt arányt.
Hasonlítsd össze a címszíneket
A nagy szöveg eredményét és az előnézetet akkor használd, ha egy címszínpárt fontolgat.
Az eredmények értelmezése
AA és AAA arányok
Az AA normál szövegnél legalább 4.5:1, nagy szövegnél 3:1 arányt követel. Az AAA normál szövegnél 7:1, nagy szövegnél 4.5:1 arányt követel. Az eredmények a kerekítés nélküli aránnyal számolnak.
Mi számít nagy szövegnek
A nagy szöveg legalább 18 pt, vagy 14 pt félkövér. CSS-ben ez 24px, vagy körülbelül 18.7px félkövér. Az előnézet 16px és 24px normál súlyú szöveget használ.
Az ellenőrzés hatóköre
Ez két átlátszatlan sRGB szín közötti szövegkontrasztot vizsgálja. Nem értékel ki képes hátteret, alfa keverést, nem szöveges elemeket vagy a teljes oldal megfelelőségét.
Kérdések és válaszok
A megfelelő arány azt jelenti, hogy a teljes oldal megfelel?
Ez az eredmény csak a kiválasztott két szín szövegkontrasztjára vonatkozik. A teljes oldal megfelelőségét külön értékeld ki.
Mit mutat a fekete-fehér összehasonlítás?
A kiválasztott szövegszínt összehasonlítja a fehérrel és a feketével, és megmutatja, melyiknél nagyobb az arány. Ez különáll a kiválasztott háttér eredményétől.
Ellenőrizhetem az átlátszó szöveget vagy a képen felül lévő szöveget?
Az alfa- és a képes háttér nem támogatott. Adj meg átlátszatlan szöveg- és háttérszínt.
Bemenet és kimenet
- Szövegszín
- HEX, RGB, HSL, HSV vagy CMYK érték, vagy a színválasztó. A CMYK ICC profil nélküli becslés.
- Háttér
- Három- vagy hatjegyű HEX, vagy a színválasztó. Az alfa nem támogatott.
- Eredmény
- Kontrasztarány, normál és nagy szöveghez az AA/AAA eredmény, valamint szövegelőnézet. Az eredmények mentési művelet nélkül jelennek meg.