Kev Hloov Xim
#8d6039
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.
Cov Qauv Kev
Cov hom siv tau
Xim Analysis
Blindness Simulator
Cov yam ntxwv muaj tswv yim
Cov lus nug nquag nug
- Xim dab tsi yog #8D6039?
- #8D6039 yog Ntoo Hlawv – Xim uas pom zoo li ntoo laus hlawv nrog qhov xim cas-ncaj thiab lub teb chaws kub; lub ntxhov muag sib txuas ntawm daj av thiab liab-cas. Nws ua rau muaj kev sov, thoob tsib thiab txias siab txhua zaus koj pom nws.
- Dab tsi does Ntoo Hlawv symbolize?
- qhov kev ruaj ntseg thiab hauv paus, kev sov thiab nplij siab, txuj ntsig thiab kev qub, kev ntim thiab ntuj av, kev ua haujlwm tiav. Nyob hauv kev pom ntawm Western design, xim no feem ntau cuam tshuam nrog ntoo thiab cuab tam; hauv ntau lub zej zog Sab Hnub Tuaj nws nco txog kab txaij thiab kab liaj teb; hauv kab lis kev cai sab hnub poob thiab cov haujlwm khau, xim no qhia txog tawv nqaij thiab khoom ua haujlwm. ntau lub teb chaws av nyiaj txiag thiab khw muag khoom siv xim zoo li no los txuas lus kev ntseeg thiab kev ruaj ntseg.
- Qhov twg yog Ntoo Hlawv siv nyob rau hauv kev tsim?
- Ntoo Hlawv nyob rau hauv chaw ua haujlwm lossis chav zaum txhawb kev xis nyob thiab txo qhov kev ntxhov siab; nws ua rau qhov chaw pom ntxim nyiam thiab txhawb kev lag luam muaj txiaj ntsig. Nyob rau hauv khoom lag luam, nws qhia txog kev ruaj ntseg, zoo tsim thiab kev ua haujlwm tuab.
- Cov xim twg thiaj mus zoo nrog Ntoo Hlawv?
- colorCode.seoFaqPairingAnswer #395B8D: Complementary — lub bluish steel (#395B8D) yog qhov conjugate complement rau qhov cas-ncaj, muab qhov pom ntws thiab txiav txim siab.. #8D4A39: Analogous — ib tug roj-liab-cas uas nyob ze hauv hue, ua kom muaj qhib-subtle tonal depth rau rooj tog thiab textile layering.. #8D7B39: Analogous / split-complementary — tus golden-olive no muab lub teb chaws kub thiab nthuav ntxiv rau autumnal palette, tsim qhov kos natural harmony..
- Ntoo Hlawv cuam tshuam txog kev xav li cas?
- Sov, ntseeg tus kheej thiab ntiaj nrog kev ua tib zoo Cov cuab xav thawj zaug yog kev ntseeg siab, sov siab thiab txaus siab rau yam khoom qub. colorCode.seoFaqMoodTraits
- Cov lag luam twg siv Ntoo Hlawv?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Dab neeg yav dhau los hais txog Ntoo Hlawv yog dab tsi?
- Xim zoo li Ntoo Hlawv tau tshwm sim thaum cov artist thiab pigmentsists siv roj av-raw umber, burnt sienna thiab iron oxides txij thaum qub; cov mineral ochres thiab umbers tau siv los tsim qhov cas-av kub no nyob rau hauv lub tebchaws hla teb chaws loj, tshwj xeeb hauv cov phau ntawv phem European thiab Mediterranean. Cov xim no tau cuam tshuam los ntawm roj, hlawv thiab kev maj nrawm ntawm cov pigments uas muab lub tonal warmth thiab me ntsis desaturated saturation.
- Yuav siv Ntoo Hlawv hauv kev tsim li cas?
- Nco ntsoov ua kom muaj qhov sib piv (contrast) thiab textures thaum siv xim no los kom nws khawb qhov sov yam tsis nyob rau hauv monotony.colorCode.seoFaqDesignDo
- Puav leej muaj kev nkag siab rau Ntoo Hlawv?
- colorCode.seoFaqAccessibilityAnswer Ua tiav WCAG AA rau ntawv me thiab ntawv loj.