ImageColorPicker.com

Umkhangeli we-contrast yemibala

Vavanya umlinganiselo we-contrast phakathi kwemibala yangaphambili kunye neyemvelaphi ukuqinisekisa ukufikeleleka.

Hlola imibala yakho

Vavanya indibaniselwano yemibala ukuqinisekisa ukuba iyahlangabezana nemigangatho ye-WCAG yokufundeka kombhalo.

9.14 ku-1
Contrast
AAA
Isiphumo sombhalo
Kulungile kakhulu

Kuthelekiswa: #000000 phezu #31C36B

Umbhalo

16px, Rhoqo (400)

Kubalwa njengombhalo oqhelekileyo.

  • AA (WCAG 1.4.3): ubuncinane 4.5:1

    Iphumelele

  • AAA (WCAG 1.4.6): ubuncinane 7:1

    Iphumelele

Iinkomponenti ze-UI kunye nemizobo

Izithonjana, imida yokungena, izikhombisi zokugxininisa kunye nezinye iindawo ofuna ukuzibona ukuze usebenzise ujongano.

  • AA (WCAG 1.4.11): ubuncinane 3:1

    Iphumelele
9.14 ukuya ku-1. Umbhalo: idlula ku AA, idlula ku AAA. Izinto ze-UI: iyadlula.
Indlela oku kuhlolwa ngayo
Imibala eqwalashelweyo (emva kokudibanisa)
Umbhalo #000000 kumvelaphi #31C36B
Ukukhanya okuthelekisiweyo
Umbhalo 0.0000, imvelaphi 0.4074
Ifomula
(L1 + 0.05) / (L2 + 0.05) apho i-L1 iyiluminance yombala okhanyayo kwaye i-L2 iyiluminance yombala omdaka.
Umlinganiselo ochanekileyo
9.1489 ukuya ku-1, kuboniswa njenge 9.14 ukuya ku-1. Ixabiso elibonisiweyo lisikwa, alirhawulelwanga, ngoko ke alisoloko libonakala lingcono kunalelo lichanekileyo. Ixabiso elichanekileyo yilo elithelekiswa nefuno.

Ubungakanani bombhalo: 16px, Rhoqo (400)

Kubalwa njengombhalo oqhelekileyo. Umbhalo omkhulu ubuncinane yi-24px (18pt), okanye ubuncinane yi-18.67px (14pt) xa ugqamile (ubunzima 700 okanye ngaphezulu). Ubungakanani buvezwa buncitshiswe, hayi bujikeleziwe.

Kubalwa njengombhalo oqhelekileyo. Umbhalo omkhulu ubuncinane yi-24px (18pt), okanye ubuncinane yi-18.67px (14pt) xa ugqamile (ubunzima 700 okanye ngaphezulu). Ubungakanani buvezwa buncitshiswe, hayi bujikeleziwe.

Aa
Isihloko sokujonga kuqala

Ingcuka emdaka ekhawulezayo itsiba phezu kwenja evila

Umzekelo wombhalo omncinci (12px)

Umbhalo
#000000
Imvelaphi
#31c36b

Imigangatho ye-WCAG

Inqanaba AA

Umgangatho ophantsi wokuqaqamba we 4.5:1 kumbhalo oqhelekileyo kunye ne 3:1 kumbhalo omkhulu. Ukuhlanganiswa kwamava okusebenzelana kwiwebhsayithi ezininzi.

Inqanaba AAA

Umgangatho ogqithi wokuqaqamba kwe 7:1 kumbhalo oqhelekileyo kunye ne 4.5:1 kumabhodi amagama amakhulu. Kuyacetyiswa okona kusetyenziswa kakhulu ukusebenzelana kodwa ngcono ukufikelela.

Umkhangeli wokungafani kombala

Bala umlinganiselo we-contrast wombhalo kunye nemibala yangasemva.

Khetha umbala usebenzisa isithwebuli sembala eshandweni lombhalo kunye nombala wangasemva okanye faka umbala kwi-RGB yombala hex (#259 okanye #2596BE). Ungalungisa isilayida ukukhetha umbala. ISikhokelo seWeb Content Accessibility (WCAG) sinomgaqo ethile onceda ukuzibandakanya nokuba umbhalo uyafundeka kubasebenzisi abakubonayo. Le mibandela isebenzisa i-algorithm ekhethekileyo yokugqabanisa indibaniselwano yombala kwimilinganiselo yokuqhathaniswa. Ngokusebenzisa le fomula, i-WCAG ichaza ukuba umgangatho wokuqaqamba kwe 4.5:1 kunye nombhalo kunye nemvelaphi yayo ilungelelene nombhalo oqhelekileyo, kwaye umbhalo omkhulu (18+ pt oqhelekileyo, okanye 14+ pt otyebileyo) kufanele ukuba enye ibuninzi bunye ubuncinci 3:1.

Iimpawu eziphambili

  • Ukubala umyinge wokungqubana ngexesha lokwenyani
  • Ukujonga ukuthotyelwa kwe-WCAG AA & AAA
  • I-HSL sliders yokulungisa kakuhle
  • Iifomathi ezininzi zokujonga kuqala

Izixhobo eziphambili

  • Ukulungiswa kombala ngokuzenzekelayo
  • Iisampulu zesicatshulwa kunye nemvelaphi
  • Ukufunyanwa kwegama lombala
  • Thumela iziphumo

Iimibuzo ezibuzwa rhoqo

Ukuthobela i-WCAG AA, umbhalo oqhelekileyo ufuna uluhlu oluncinci lokungafani lwe-4,5:1, ngelixa umbhalo omkhulu (18pt okanye 14pt egqamileyo) ufuna i-3:1.

I-WCAG AAA ifuna uluhlu oluphezulu lokungafani: i-7:1 kumbhalo oqhelekileyo kunye ne-4,5:1 kumbhalo omkhulu, xa kuthelekiswa ne-AA ene-4,5:1 kunye ne-3:1 ngokulandelelana.

Sebenzisa isici sethu sokulungiswa ngokuzenzekelayo ukulungisa imibala yombhalo okanye yemva ngelixa ugcina injongo yoyilo lwakho, okanye lungisa imibala ngesandla usebenzisa izilayidi ze-HSL ezinemiqondiso ebonakalayo ebonisa iindawo ezilungileyo zokuthobela i-AA/AAA.

Iindawo eziluhlaza kunye neemarike ze-AA/AAA zibonisa uluhlu oluhle lokufezekisa ukuthobela i-WCAG. Izikhombisi zendlela (Ukuya ekukhanyeni/Ukuya emnyameni) zikukhokela kukungafani okungcono ngokuxhomekeke kudibaniso lwakho lwemibala yangoku.

Ewe, ungafaka nayiphi na ikhowudi ye-HEX okanye usebenzise umkhethi wemibala ukukhetha imibala yakho. I-URL ihlaziywa ngokuzenzekelayo ukuze ukwazi ukwabelana ngeedibaniso zemibala ezithile.