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.

3.65 ku-1
Contrast
Ayiphumelelanga
Isiphumo sombhalo
Imbi

Kuthelekiswa: #FFFFFF phezu #C15ECC

Umbhalo

16px, Rhoqo (400)

Kubalwa njengombhalo oqhelekileyo.

  • AA (WCAG 1.4.3): ubuncinane 4.5:1

    Kufuneka enye i-0.85

    Ayiphumelelanga

  • AAA (WCAG 1.4.6): ubuncinane 7:1

    Kufuneka enye i-3.35

    Ayiphumelelanga

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
3.65 ukuya ku-1. Umbhalo: ayidluli ku AA, ayidluli ku AAA. Izinto ze-UI: iyadlula.
Indlela oku kuhlolwa ngayo
Imibala eqwalashelweyo (emva kokudibanisa)
Umbhalo #FFFFFF kumvelaphi #C15ECC
Ukukhanya okuthelekisiweyo
Umbhalo 1.0000, imvelaphi 0.2370
Ifomula
(L1 + 0.05) / (L2 + 0.05) apho i-L1 iyiluminance yombala okhanyayo kwaye i-L2 iyiluminance yombala omdaka.
Umlinganiselo ochanekileyo
3.6582 ukuya ku-1, kuboniswa njenge 3.65 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.

Izilungiso ezikhawulezayo

Aa
Isihloko sokujonga kuqala

Ingcuka emdaka ekhawulezayo itsiba phezu kwenja evila

Umzekelo wombhalo omncinci (12px)

Umbhalo
#ffffff
Imvelaphi
#c15ecc

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.