Umvelisi wekhodi yombala & Umkhethi

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

    Uguqulelo lombala

    HEX

    #e2d8ed

    Snuff

    HEX
    #e2d8ed
    HSL
    269, 37, 89
    RGB
    226, 216, 237
    XYZ
    71, 71, 90
    CMYK
    5, 9, 0, 7
    LUV
    88,19,-8
    LAB
    88, 7, -9
    HWB
    269, 85, 7

    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.

    #e2d8ed
    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