Kev Hloov Xim
#12344d
Cov kev hloov pauv
Lub hom phiaj ntawm seem no yog los tsim kom raug cov tints (ntshiab dawb ntxiv) thiab cov shades (ntshiab dub ntxiv) ntawm koj cov xim xaiv hauv 10% increments.
Pro Tip: Siv shades rau hover states thiab shadows, tints rau highlights thiab backgrounds.
Shades
Cov kev hloov pauv tsaus dua tsim los ntawm kev ntxiv dub rau koj cov xim hauv paus.
Tints
Cov kev hloov pauv kaj dua tsim los ntawm kev ntxiv dawb rau koj cov xim hauv paus.
Cov kev siv ntau
- • UI component states (hover, active, disabled)
- • Tsim qhov tob nrog shadows thiab highlights
- • Tsim cov xim sib xws
Design System Tip
Cov kev hloov pauv no tsim lub hauv paus ntawm ib qho kev sib xws xim palette. Export lawv kom tswj tau kev sib xws thoob plaws koj qhov project.
Cov kev sib xyaw xim
Txhua qhov kev sib haum xeeb muaj nws tus kheej lub siab. Siv kev sib haum xeeb los tsim cov xim sib xyaw uas ua haujlwm zoo ua ke.
Yuav Siv Li Cas
Nyem rau ntawm ib qho xim los luam nws cov hex tus nqi. Cov kev sib xyaw no tau raug pov thawj los tsim kev sib haum xeeb pom.
Vim Li Cas Nws Tseem Ceeb
Cov xim sib haum xeeb tsim kev sib npaug thiab ua rau muaj kev xav tshwj xeeb hauv koj cov qauv.
Kev sib ntxiv
Ib xim thiab nws qhov sib txawv ntawm lub log xim, +180 degrees ntawm hue. Kev sib piv siab.
Kev sib ntxiv cais
Ib xim thiab ob qho ze rau nws qhov sib ntxiv, +/-30 degrees ntawm hue los ntawm tus nqi sib txawv ntawm xim tseem ceeb. Bold zoo li kev sib ntxiv ncaj, tab sis ntau yam.
Triadic
Peb xim sib npaug ntawm lub log xim, txhua 120 degrees ntawm hue sib nrug. Zoo tshaj plaws los tso cai rau ib xim kom muaj kev cuam tshuam thiab siv lwm tus ua xim ntxiv.
Analogous
Peb xim ntawm tib lub teeb ci thiab saturation nrog hues uas nyob ze ntawm lub log xim, 30 degrees sib nrug. Kev hloov pauv du.
Monochromatic
Peb xim ntawm tib lub hue nrog cov nqi ci +/-50%. Subtle thiab zoo nkauj.
Tetradic
Ob peb pab xim sib thooj, cais los ntawm 60 degrees ntawm hue.
Cov ntsiab cai ntawm xim
Kev sib npaug
Siv ib xim tseem ceeb, txhawb nrog xim thib ob, thiab siv xim ntxiv me ntsis.
Kev sib piv
Xyuas kom muaj kev sib piv txaus rau kev nyeem thiab nkag mus tau.
Kev sib haum xeeb
Cov xim yuav tsum ua haujlwm ua ke los tsim kev pom zoo.
Xim Sib Nraus Xyuas
Xeem xim sib xyaw kom paub tseeb tias lawv ua tau raws li WCAG cov qauv rau kev nyeem ntawv.
Sib Nraus
WCAG Cov Qauv
Kev tshuaj xyuas sib piv siab
Kho kom zoo nrog sliders, ntau qhov kev saib ua ntej & ntau dua
Txhua tus neeg yog ib tug ntse. Tab sis yog koj txiav txim ib tug ntses los ntawm nws lub peev xwm nce ib tsob ntoo, nws yuav nyob nws lub neej tag nrho ntseeg tias nws ruam.
Cov Qauv Kev
Kawm txog cov xim chaw siab tshaj thiab cov qauv xim kev tshaj lij uas siv hauv kev tsim yeeb yaj kiab, thaij duab, kev siv scientific, thiab cov txheej txheem tswj xim. Cov qauv kev no muab cov lus qhia xim kom raug rau cov lag luam tshwj xeeb thiab kev siv.
Cov hom siv tau
Hloov xim mus rau cov hom siv tau rau kev siv tiag tiag suav nrog luam tawm simulation, LED zaub, davhlau ya nyob twg tso zis, thiab cov ntaub ntawv encoding. Cov hom no pab koj siv xim thoob plaws ntau yam xov xwm, platform, thiab cov khoom siv lub cev.
Xim Analysis
Tshawb xyuas cov khoom xim nrog cov kev ntsuas siab xws li spectral composition, xim purity, metamerism nyhuv, thiab perceptual yam ntxwv. Cov cuab yeej no muab kev nkag siab tob rau hauv kev coj cwj pwm xim thiab tsos nyob rau hauv ntau yam kev pom.
Blindness Simulator
Xyuas seb ib xim pom li cas los ntawm cov neeg uas muaj ntau hom kev tsis pom kev xim kom tsim cov qauv tsim tau yooj yim dua. Kev nkag siab txog kev pom xim pab kom koj cov ntsiab lus nkag mus tau rau txhua tus.
Cov yam ntxwv muaj tswv yim
Tshawb nrhiav cov kev kos duab thiab kev xav ntawm cov xim suav nrog kev sib txuas ntawm lub caij, kev cuam tshuam ntawm kev xav, kev tshwm sim ntuj, cov xim keeb kwm, thiab cov zaub mov sib xyaw xim rau kev siv tswv yim.