Kikagua utofautishaji wa rangi

Jinsi ya kufanya

1. 1
   Jaza visanduku

   Andika namba zako au chagua chaguo unazohitaji.

2. 2
   Angalia matokeo

   Jibu husasishwa mara moja unapobadilisha thamani.

3. 3
   Litumie

   Nakili matokeo au yaandike. Hakuna kinachotumwa popote.

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.

Mfano uliotatuliwa

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.

Vidokezo vya matokeo bora

Angalia kila kisanduku kabla ya kuamini matokeo, kwa sababu nambari moja isiyo sahihi hubadilisha jibu zima. Tumia nambari kamili kutoka kwenye hati ya mshahara, ankara, cheti au mkataba na uandike tarehe uliyohesabu. Viwango, vizingiti na sheria hubadilika mara kwa mara, kwa hivyo kwa kodi, ada na masuala ya kisheria chukulia matokeo kuwa makadirio na uyathibitishe na chanzo rasmi kilichotajwa kwenye ukurasa huu. Unaweza kujaribu hali nyingi unavyotaka; hakuna kinachohifadhiwa wala kutumwa na kupakia upya ukurasa husafisha visanduku.