Umvelisi wekhodi yombala & Umkhethi

Yenza iikhowudi zombala, iinguqulelo, ukuhambelana, kwaye ujonge izinga lokungafani.

Uguqulelo lombala

HEX

#feefce

Oasis

HEX
#feefce
HSL
41, 96, 90
RGB
254, 239, 206
XYZ
83, 87, 71
CMYK
0, 6, 19, 0
LUV
95,26,31
LAB
95, 0, 18
HWB
41, 81, 0

Iinguqulelo

Injongo yeli candelo kukwenza ngokuchanekileyo iithoni (ukudityaniswa nomhlophe) kunye nezithunzi (ukudityaniswa nomnyama) zombala wakho okhethiweyo kwiipesenti ezili-10.

Iingcebiso zeengcali: Sebenzisa izithunzi kwiimeko zokuhamba ngaphezulu kunye nezithunzi, iithoni kwizinto eziphambili kunye nemvelaphi.

Izithunzi

Iinguqulelo ezimnyama ezenziwe ngokudibanisa umbala omnyama kumbala wakho osisiseko.

Iithoni

Iinguqulelo ezikhanyayo ezenziwe ngokudibanisa umbala omhlophe kumbala wakho osisiseko.

Iimeko eziqhelekileyo zokusebenzisa

  • Iimeko ze UI component (hover, active, disabled)
  • Ukudala ubunzulu ngezithunzi kunye nezinto eziphambili
  • Ukwakha iinkqubo zombala ezihambelanayo

Ingcebiso yeNkqubo yoyilo

Ezi nguqulelo zenza isiseko sepalethi yombala ehambelanayo. Zithumele ngaphandle ukuze ugcine ukuhambelana kulo lonke iprojekthi yakho.

Indibaniselwano yombala

Umdibaniso ngamnye unomoya wawo. Sebenzisa umdibaniso ukuvelisa izimvo zombala ezihambelana kakuhle kunye.

Indlela yokusebenzisa

Cofa kumbala nawuphi na ukuze ukopishe ixabiso le hex. Ezi ndibaniselwano ziqinisekisiwe ngokwezemathematika ukudala ukuhambelana okubonakalayo.

Kutheni kubalulekile

Iindibaniselwano zombala zenza ibhalansi kwaye zivuselela iimvakalelo ezithile kuyilo lwakho.

Ukudibanisa

Umbala kunye nephikiswa lawo kwi-vili lombala, +180 degrees ye-hue. Umahluko ophezulu.

#feefce
Ilungele: Uyilo olunempembelelo ephezulu, ii-CTA, iilogo

Ukudibanisa okuhlukeneyo

Umbala kunye nemibala emibini esecaleni kwephikiswa lawo, +/-30 degrees ye-hue ukusuka kwixabiso eliphikisana nombala ophambili. Qaqambileyo njengokudibanisa ngqo, kodwa kulula ukuyisebenzisa.

Ilungele: Iilayauti ezinemibala eqaqambileyo kodwa elinganiselweyo

Triadic

Imibala emithathu ebekwe ngokulinganayo kwi-vili lombala, nganye 120 degrees ye-hue kude. Kungcono ukuvumela umbala omnye ukuba ulawule kwaye usebenzise abanye njengogxininiso.

Ilungele: Uyilo oludlalayo nolunamandla

Analogous

Imibala emithathu enokukhanya okufanayo kunye nokuhlutha kunye ne-hues ezikufuphi kwi-vili lombala, 30 degrees kude. Utshintsho olugudileyo.

Ilungele: Iindawo eziphefumlelwe yindalo, ezolileyo

Monochromatic

Imibala emithathu ye-hue efanayo kunye namaxabiso okukhanya +/-50%. Ukuthozama kunye nokucokisekileyo.

Ilungele: Uyilo oluncinci nolunobunewunewu

Tetradic

Iiseti ezimbini zemibala ehambelanayo, ezahlulwe ngama-60 degrees wombala.

Ilungele: Iinkqubo zemibala ezityebileyo nezahlukileyo

Iimfundiso zeMbala

Ulungelelwaniso

Sebenzisa umbala omnye ophambili, uxhaswe ngowesibini, kwaye ugxininise kancinci.

Umahluko

Qinisekisa umahluko owaneleyo ukuze kufundeke kwaye kufikeleleke.

Uvumelwano

Imibala kufuneka isebenze kunye ukudala amava ombono ahlangeneyo.

Umkhangeli we-Contrast yeMibala

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

Umbala wombhalo
Umbala wemvelaphi
Contrast
1.00
Fail
Imbi kakhulu
Umbhalo omncinci
✖︎
Umbhalo omkhulu
✖︎
Imigangatho ye-WCAG
AA:Umlinganiselo omncinci we-contrast we-4.5:1 wombhalo oqhelekileyo kunye ne-3:1 wombhalo omkhulu. Kufuneka kwiwebhusayithi ezininzi.
AAA:Umlinganiselo ophuculweyo we-contrast we-7:1 wombhalo oqhelekileyo kunye ne-4.5:1 wombhalo omkhulu. Kucetyiswa ukufikeleleka okugqwesileyo.
Ukungqubana okungonelanga kuzo zonke izicatshulwa - akuphumeleli kwimigangatho ye-WCAG.

Isijongisi somahluko esiphucukileyo

Lungisa kakuhle ngeeslayida, iipreviw ezahlukeneyo & nokunye

Wonke umntu unobuchule. Kodwa ukuba ugweba intlanzi ngokukwazi kwayo ukunyuka emthini, iya kuphila ubomi bayo bonke ikholelwa ukuba iyimfama.

- Albert Einstein

Iifomathi zobugcisa

Iifomathi Ezisebenzayo

Uhlalutyo lombala

Isisimulator sokungaboni imibala

Iimpawu Zobuchule