Xim Code Generator & Picker

Tsim cov xim xim, kev hloov pauv, kev sib haum xeeb, thiab tshawb xyuas qhov sib piv.

Xim-hloov

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Hloov pauv

Lub hom phiaj ntawm ntu no yog kom raug tsim cov tints (ntshiab dawb ntxiv) thiab ntxoov ntxoo (ntshiab dub ntxiv) ntawm koj cov xim xaiv hauv 10% increments.

Tswv yim Pro: Siv cov ntxoov ntxoo rau cov xeev thiab cov duab ntxoov ntxoo, tints rau qhov tseem ceeb thiab keeb kwm yav dhau.

Duab ntxoov ntxoo

Darker variations tsim los ntawm kev ntxiv dub rau koj lub hauv paus xim.

Tints

Cov kev hloov pauv sib dua tsim los ntawm kev ntxiv dawb rau koj cov xim hauv paus.

Common Use Cases

  • UI cov ntsiab lus hais (hover, nquag, xiam)
  • Tsim qhov tob nrog qhov ntxoov ntxoo thiab qhov tseem ceeb
  • Txhim kho cov xim sib xws

Tswv yim tsim qhov system

Cov kev hloov pauv no tsim lub hauv paus ntawm cov xim sib xyaw xim palette. Export lawv kom muaj kev sib raug zoo thoob plaws koj qhov project tag nrho.

Kev sib xyaw xim

Txhua qhov kev sib haum xeeb muaj nws lub siab. Siv kev sib haum xeeb los tawm tswv yim xim combos uas ua haujlwm zoo ua ke.

Yuav siv li cas

Nyem rau ntawm ib qho xim kom luam nws tus nqi hex. Cov kev sib xyaw ua ke no tau ua pov thawj hauv lej los tsim kom pom kev sib haum xeeb.

Vim Li Cas Nws Tseem Ceeb

Cov xim sib haum xeeb tsim qhov sib npaug thiab ua rau muaj kev xav tshwj xeeb hauv koj cov qauv tsim.

Ntxiv

Ib qho xim thiab nws qhov sib txawv ntawm lub log xim, + 180 degrees ntawm xim av. Siab sib txawv.

#ca4e4e
Zoo tshaj rau: Kev tsim qauv siab, CTAs, logos

Split-complementary

Ib xim thiab ob nyob ib sab rau nws cov khoom ntxiv, +/- 30 degrees ntawm xim av los ntawm tus nqi opposite lub ntsiab xim. Bold zoo li ib qho ncaj ntxiv, tab sis ntau yam.

Zoo tshaj rau: Vibrant tseem sib npaug layouts

Triadic

Peb xim sib npaug sib npaug ntawm lub log xim, txhua 120 degrees ntawm xim sib nrug. Qhov zoo tshaj plaws kom tso cai rau ib qho xim los ua tus tswj hwm thiab siv lwm tus ua accents.

Zoo tshaj rau: Ua si, muaj zog tsim

Analogous

Peb xim ntawm tib lub luminance thiab saturation nrog hues uas nyob ib sab ntawm lub log xim, sib nrug 30 degrees. Kev hloov pauv tau yooj yim.

Zoo tshaj rau: Nature-inspired, calming interfaces

Monochromatic

Peb xim ntawm tib lub hue nrog luminance qhov tseem ceeb +/-50%. Hloov maj mam thiab ua kom zoo.

Zoo tshaj rau: Minimalist, sophisticated tsim

Tetradic

Ob txheej ntawm cov xim ntxiv, sib cais los ntawm 60 degrees ntawm xim av.

Zoo tshaj rau: Kev nplua nuj, ntau hom xim

Xim Theory Principles

Tshuav

Siv ib qho xim tshwj xeeb, kev txhawb nqa nrog cov theem nrab, thiab cov suab qis.

Zoo sib xws

Ua kom muaj qhov sib txawv txaus rau kev nyeem tau thiab nkag tau yooj yim.

Kev sib raug zoo

Cov xim yuav tsum ua haujlwm ua ke los tsim kom muaj kev sib koom ua ke pom kev.

Xim Contrast Checker

Ntsuas cov xim sib xyaw kom ntseeg tau tias lawv ua tau raws li WCAG cov qauv kev nkag tau yooj yim rau kev nyeem ntawv nyeem.

Xim ntawv
Xim tom qab
Zoo sib xws
Fail
Cov ntawv me me
✖︎
Cov ntawv loj
✖︎
WCAG Standards
AA:Qhov sib piv tsawg kawg ntawm 4.5: 1 rau cov ntawv ib txwm thiab 3: 1 rau cov ntawv loj. Yuav tsum muaj rau feem ntau lub vev xaib.
AAA:Txhim kho qhov sib piv ntawm 7: 1 rau cov ntawv ib txwm thiab 4.5: 1 rau cov ntawv loj. Pom zoo rau kev siv tau zoo.

Txhua tus yog Genius. Tab sis yog koj txiav txim ib tug ntses los ntawm nws muaj peev xwm nce toj tsob ntoo, nws yuav nyob nws tag nrho lub neej ntseeg hais tias nws yog ruam.

- Albert Einstein

Cov qauv kev kawm

Cov qauv siv tau

Xim tsom xam

Qhov muag tsis pom kev Simulator

Muaj tswv yim zoo