Проверка на цветови контраст

Как се прави

1. 1
   Попълнете полетата

   Въведете числата си или изберете нужните опции.

2. 2
   Вижте резултата

   Отговорът се обновява веднага, щом промените стойност.

3. 3
   Използвайте го

   Копирайте резултата или го запишете. Нищо не се изпраща никъде.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Решен пример

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Съвети за най-добър резултат

Проверете всяко поле, преди да се доверите на резултата, защото една грешна цифра променя целия отговор. Използвайте точните числа от фиш за заплата, фактура, сертификат или договор и запишете датата на изчислението. Ставките, праговете и правилата се променят от време на време, затова за данъци, такси и правни въпроси приемайте резултата за приблизителен и го сверете с официалния източник, посочен на тази страница. Можете да изпробвате колкото искате сценарии; нищо не се запазва и не се изпраща, а презареждането на страницата изчиства полетата.