Kev Hloov Xim
#73307e
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 #73307E?
- #73307E yog Hmo Ntuj Amethyst – Lub xim tsaus ntsuab-purple nrog tons ntawm magenta, tsaus nco thiab lub teeb ci tawg hauv nws. Nws ua rau tus neeg mloog xav txog kev muaj kev hlub los yog qhov zoo siab ntxim nyiam nyob qhov tob thiab txias.
- Dab tsi does Hmo Ntuj Amethyst symbolize?
- sawv daws kheej hnav kim, kev txawj ntse thiab daim ntaw, kev muaj tswv yim thiab kev tshoov siab, kev hlub ncaj ncees, mystery thiab kev sib ntsib. Hauv qab teb chaws Yudais thiab Roma qub, purple yog xim raj tagnrho rau cov vaj ntxwv thiab lub hwj chim; hauv tebchaws Suav thiab Hindu, xim tshwj xeeb ntawm purple raug pom raws kev coj zoo thiab hyper-spiritual. Hauv kev lag luam niaj hnub, xim no feem ntau raug siv los qhia luxury thiab ua cim tshwj xeeb.
- Qhov twg yog Hmo Ntuj Amethyst siv nyob rau hauv kev tsim?
- Nyob hauv ib qho chaw lossis lub vas sab, xim no tswj lub suab ntawm kev nplua nuj thiab txo qhov kev sib cav; nws ua rau cov qauv pom tias muaj nuj nqis thiab muaj tswv yim. Nws kuj tuaj yeem ua rau chaw pom tob thiab intimate yog tias tsis muaj qhov chaw tsis sib npaug tsim los txo qhov kev nyuaj.
- Cov xim twg thiaj mus zoo nrog Hmo Ntuj Amethyst?
- colorCode.seoFaqPairingAnswer #6FBF78: Complementary: qhov ntsuab no ua rau #73307E pop thiab tsim energetic contrast uas ua rau CTAs thiab micro-interactions lees paub.. #A03A9B: Analogous: ib qho magenta-leaning purple uas ntxiv warmth thiab yooj yim rau gradients rau kev nco ntsoov (soft harmony).. #3AA597: Split-complementary: teal-ish green sib piv nrog lub purple thaum muab ib tug kho qhov muag thiaj xis thiab contemporary balance..
- Hmo Ntuj Amethyst cuam tshuam txog kev xav li cas?
- Qhov tob, ntseeg tus nqi thiab ib yam kev xyaum muaj kev nplua nuj Qhov xav ua rau lub siab rog: qhib kev nyiam, ntseeg tus kheej, thiab xav tshawb nrhiav. colorCode.seoFaqMoodTraits
- Cov lag luam twg siv Hmo Ntuj Amethyst?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Dab neeg yav dhau los hais txog Hmo Ntuj Amethyst yog dab tsi?
- Kev ntxim ntawm xim zoo li #73307E rov qab mus rau cov xim purple qub xws li Tyrian purple ntawm Mediterranean, tau ua los ntawm murex txaij thiab raug saib yog xim rau vaj ntxwv. Tyrian xim yog qhov tsaus thiab nplua nuj, zoo li qhov no, tab sis qhov tshwj xeeb no muaj ntau magenta dua thiab tshaj tawm cov spectral txiav txim ntau dua.
- Yuav siv Hmo Ntuj Amethyst hauv kev tsim li cas?
- Sib npaug rau contrast: yeej ib txwm muab 3-tier hierarchy — primary (#73307E), accent (complementary), and neutral (light) kom khaws readability thiab depth.colorCode.seoFaqDesignDo
- Puav leej muaj kev nkag siab rau Hmo Ntuj Amethyst?
- colorCode.seoFaqAccessibilityAnswer Ua tiav WCAG AA rau ntawv me thiab ntawv loj.