Kev Hloov Xim
#cecbb9
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 #CECBB9?
- #CECBB9 yog Hnav Ntoo Dawb (Oakveil) – Xim dawb-beige uas muaj ntseg ntsuab-tswv thiab kev ntxim khawb, zoo li lub sab sauv sapwood ntawm ntoo laus. Nws nqa tus nplij siab zoo, txhim khu kev ntseeg thiab ib qho kev noj qab nyob zoo ncaj nraim rau qhov chaw.
- Dab tsi does Hnav Ntoo Dawb (Oakveil) symbolize?
- av thiab ntuj (earth), kev ruaj ntseg, txiag thiab kev noj qab nyob zoo, heritage thiab patina, khwv tau qib siab tsis qhia tau. Nyob rau Western design, xim zoo li no feem ntau cuam tshuam txog heritage thiab patina; hauv Suav thiab Japanese aesthetic nws raug txaus siab vim nws nplij thiab ua tau zen; rau Hmong ib puag ncig nws zoo siab los ntawm kev qhia txog kev sib txuas nrog av thiab khoom ntuj. Qhov no xim yog ib qho uas ntau haiv neeg pom tias yog 'tsis ntxhov' thiab yooj yim los ua ke nrog lwm yam xim nquag.
- Qhov twg yog Hnav Ntoo Dawb (Oakveil) siv nyob rau hauv kev tsim?
- Hnav Ntoo Dawb tsim ib qho chaw uas cov neeg pom yuav so kom tau thiab xis nyob; nyob hauv kev tsim kho lossis ntim khoom nws ua qhov chaw nruab nrab rau cov khoom khoom noj kom pom tias muaj qhov organic thiab qib siab. Nws tswj kev qhib thiab txo kev ntxhov siab tsis txhob tswj qhov loj ntawm qhov chaw.
- Cov xim twg thiaj mus zoo nrog Hnav Ntoo Dawb (Oakveil)?
- colorCode.seoFaqPairingAnswer #536B7A: Muted slate blue — complementary harmony: muab contrast xim txias uas nce qhov pom yam tsis cuam tshuam qhov nplij.. #BFAF86: Warm golden taupe — analogous harmony: nto ntxiv kub thiab depth hauv tib ib qho undertone.. #9FBFB1: Soft muted teal-green — split-complementary/triadic feel: ntxiv subtle color pop nrog organic undertone..
- Hnav Ntoo Dawb (Oakveil) cuam tshuam txog kev xav li cas?
- Nplij siab thiab ntseeg siab nrog kev kub txaus Thaum pom tus xim no, feem coob tus neeg hnov lub siab nplij thiab kev ntseeg zoo mus rau khoom lossis chaw. colorCode.seoFaqMoodTraits
- Cov lag luam twg siv Hnav Ntoo Dawb (Oakveil)?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Dab neeg yav dhau los hais txog Hnav Ntoo Dawb (Oakveil) yog dab tsi?
- Xim zoo li Hnav Ntoo Dawb tau tsim rau thaum tib neeg pib siv av yees thiab pigments; cov pigments ze tshaj plaws yog ntuj yellow ochre thiab white (lead white lossis, tom qab 19th c., titanium white), ua ke nrog qee lub humic browns hauv cov fresco thiab woven cloth. Nws tshwm hauv cov tsev qub thiab khoom siv ntoo, qhov chaw uas sapwood thiab aged oak muab qhov xim zoo sib xws.
- Yuav siv Hnav Ntoo Dawb (Oakveil) hauv kev tsim li cas?
- Nco ntsoov qhov undertone — qhov ntsuab-kub undertone ntawm Hnav Ntoo Dawb yog lub ntsiab kom txiav txim kev sib txuas nrog lwm xim.colorCode.seoFaqDesignDo
- Puav leej muaj kev nkag siab rau Hnav Ntoo Dawb (Oakveil)?
- colorCode.seoFaqAccessibilityAnswer Ua tiav WCAG AA rau ntawv me thiab ntawv loj.