AA- és AAA-határértékek
Normál szövegnél az AA szinthez 4,5:1, az AAA szinthez 7:1 arány szükséges. Nagy szövegnél a határérték rendre 3:1 és 4,5:1.
Színkontraszt-ellenőrző
Ellenőrizd a szöveg és a háttér színét a WCAG AA és AAA követelményei szerint. Próbáld ki a színmódosítást, vagy mentsd el a színpárt.
Mód kiválasztása
Szöveg
Háttér
Mintacím
A mintán összehasonlíthatod a kiválasztott szöveg- és háttérszínt. A határértékeket a tényleges betűméret és betűvastagság alapján ellenőrizd.
Kis szöveg: Ellenőrizd, hogy a kiválasztott színek különböző betűméreteknél is jól olvashatók-e.
További műveletek
Kapcsolódó eszközök
Statisztikáid
0
Kiválasztott színek
0
Exportált paletták
0
Létrehozott színátmenetek
0
Kontrasztellenőrzések
Színválasztó
Leggyakrabban használt mód
0%
Aktivitási pontszám
A színkontraszt ellenőrzése
A videó nem tölthető be. Az alábbi útmutatót továbbra is követheted.
A videó az angol felületet mutatja.
Adj meg HEX-értékeket a # jellel együtt, vagy használd a színmintákat. Ellenőrizd, hogy mindkét mező érvényes-e. A színek módosításakor frissül az előnézet és a kontrasztarány.
Ellenőrizd a szöveg és a háttér színpárját
Azonnal frissülő arány és előnézet
Bármelyik szín módosításakor frissül az arány és a mintaszöveg. A méretbeállítás az előnézetet módosítja, a négy ellenőrzési eredmény végig látható marad.
Próbálj ki egy színmódosítást
Az Igazítás AA-ra és Igazítás AAA-ra megpróbálja módosítani a szöveg színét. Ez nem minden háttérnél sikerül, ezért ellenőrizd az új arányt.
További 3 megjelenítéseKevesebb megjelenítése
Közelítő színszűrők
A Protanópia, Deuteranópia és Tritanópia egyszerű képi szűrőket alkalmaz. Ezek nem igazolják az olvashatóságot színlátási zavarral élők számára.
Színpár mentése
Adj nevet a beállításkészletnek, és mentsd el a szöveg és a háttér színét ebben a böngészőben. A Beállításkészletek menüből újra betöltheted.
További színeszközök
A módok hivatkozásai külön oldalon nyitják meg a színválasztót, a paletta- és színátmenet-készítőt, illetve a képből történő színkinyerést.
Gyakori kérdések
Hogyan ellenőrizhetem a színkontrasztot?
Válaszd ki a szöveg és a háttér színét, vagy adj meg hatjegyű HEX-értékeket. Ellenőrizd az arányt és a négy AA-, illetve AAA-eredményt. A megfelelés az adott színpárra és szövegkategóriára vonatkozik, nem a teljes webhelyre.
Milyen kontrasztarányt ír elő a WCAG?
Normál szöveghez az AA szint legalább 4,5:1, az AAA legalább 7:1 arányt ír elő. Nagy szövegnél AA-hoz 3:1, AAA-hoz 4,5:1 szükséges. Kivételek vonatkoznak például a logókra és az inaktív vezérlőkre.
Automatikusan javítható a kontraszt?
Az Igazítás AA-ra és Igazítás AAA-ra az RGB-csatornák módosításával próbálja világosítani vagy sötétíteni a szöveget. A színárnyalat is megváltozhat, és egyes háttereknél a módosítás sikertelen lehet. Minden módosítás után ellenőrizd az arányt.
Pontosan szimulálják az előnézetek a színlátási zavarokat?
Egyszerű szépia-, telítettség- és árnyalatszűrőket használnak. Közelítő előnézetként kezeld őket. Nem validált színlátási modellek, és nem igazolják a terv akadálymentességét.
További 4 megjelenítéseKevesebb megjelenítése
Mi számít nagy szövegnek?
A WCAG szerint legalább 18 pt méretű normál vagy 14 pt méretű félkövér szöveg számít nagynak. Ez CSS-ben körülbelül 24 px, illetve 18,67 px. Az előnézet mérete nem dönti el, melyik határérték érvényes a tényleges tervedre.
Ingyenes a kontrasztellenőrző?
Igen. A MORELESS ingyenesen, fiók nélkül kínálja az eszközt. A színszámítások ebben a böngészőben futnak.
Ellenőrizhetem a márkám színeit?
Igen. Add meg közvetlenül a szöveg és a háttér HEX-színét. A párt névvel ellátott beállításkészletként is elmentheted ebben a böngészőben. Minden ténylegesen használt szöveg-háttér kombinációt külön ellenőrizz.
Hogyan nyithatom meg a többi színeszközt?
Használd az ellenőrző feletti módhivatkozásokat. Ezek külön oldalon nyitják meg a színválasztót, a képből történő színkinyerést, valamint a paletta- és színátmenet-készítőt.
Technikai részletek
Relatív fénysűrűség
Az arány a két sRGB-szín relatív fénysűrűségéből adódik. Azonos színeknél 1:1, fekete és fehér esetén 21:1. Az ellenőrzés két egyszínű felületet hasonlít össze, nem egy oldal képernyőképét.
A szövegkontraszt határértékei
Mind a négy eredmény a kerekítetlen arányból számítódik. AA-hoz normál szövegnél 4,5:1, nagy szövegnél 3:1 szükséges. AAA-hoz 7:1, illetve 4,5:1 kell. Ezen ellenőrzések teljesítése önmagában nem igazolja a WCAG-megfelelést.
További 2 megjelenítéseKevesebb megjelenítése
Közelítő előnézeti szűrők
A három elnevezett színlátási előnézet CSS-szépiaszűrőt, telítettséget és árnyalatelforgatást alkalmaz a mintaterületen. Nem módosítják a kijelzett kontrasztarányt, és nem valósítanak meg validált színlátási modellt.
Módosítás és tárolás
A módosítás lépésenként változtatja a szöveg mindhárom RGB-csatornáját, amíg eléri a célt, vagy véget ér a próbálkozás. Nem garantálja a megfelelést vagy az árnyalat megőrzését. Az elnevezett színpárok helyben, IndexedDB-ben tárolódnak.