Kev Hloov Xim
#ff69b4
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.
Xim Ntawv
Xim Keeb Kwm
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.