Бесплатен Проверувач на контраст на бои WCAG

Како функционира

Проверката на контраст работи целосно во вашиот прелистувач користејќи го алгоритмот за релативна луминозност WCAG 2.1 — без библиотека, без сервер, само рачно напишана математика која точно ја следи спецификацијата. Секој резултат се ажурира во реално време додека пишувате или избирате боја.

1. 1
   Хекс влез и нормализација

   Се прифаќаат и се нормализираат во целосни RGB тројки и 3-цифрени (#abc) и 6-цифрени (#aabbcc) хекс вредности. Неважечкиот влез веднаш се одбива наместо тивко да се стандардизира на црно, па се појавува црвена рамка наместо погрешен резултат за успех.
2. 2
   Пресметка на луминозност WCAG

   Секоја боја се конвертира во релативна луминозност користејќи ја формулата WCAG 2.1: sRGB вредностите на каналите се линеаризираат со поделена гама корекција (делење со 12,92 под 0,03928, кревање на степен 2,4 над тоа), потоа се тежинираат како 0,2126R + 0,7152G + 0,0722B.
3. 3
   Однос на контраст и проверки на усогласеност

   Односот на контраст се пресметува како (посветла + 0,05) / (потемна + 0,05) и се проверува наспроти сите пет прагови на WCAG: AA обичен текст (4,5:1), AA голем текст (3:1), AAA обичен текст (7:1), AAA голем текст (4,5:1), и UI компоненти (3:1). Резултатите се ажурираат при секое притискање на копче.
4. 4
   Предлози за поправка со зачувување на нијанса

   Кога парот не поминува WCAG AA, алатката пребарува во HSL простор на осветленост — чекорејќи надвор од оригиналната осветленост во двете насоки — за да ја најде најблиската варијанта на секоја боја која поминува 4,5:1 задржувајќи ги истите нијанса и заситеност. Достапна е и EyeDropper API (Chromium) за земање примерок од која било боја директно од вашиот екран.

Поврзани алатки