#FFD166 · Color Code Generator & Picker

Gadzira makodhi emavara, misiyano, kuwirirana, uye tarisa misiyano yehuwandu.

Kushandura Ruvara

#ffd166

Variations

Chinangwa chechikamu chino ndechekuburitsa nemazvo tints (chena yakachena yakawedzerwa) uye shades (dema rakachena rakawedzerwa) recolor yako yakasarudzwa mu10% increments.

Pro Tip: Shandisa shades kune hover states uye shadows, tints kune highlights uye backgrounds.

Shades

Darker variations yakagadzirwa nekuwedzera dema kune base color yako.

Tints

Lighter variations yakagadzirwa nekuwedzera chena kune base color yako.

Common Use Cases

  • • UI component states (hover, active, disabled)
  • • Kugadzira kudzika nemimvuri uye highlights
  • • Kuvaka maitiro akafanana ecolor systems

Design System Tip

Izvi variations zvinoumba hwaro hwecohesive color palette. Export them to maintain consistency across your entire project.

Color Combinations

Imwe neimwe harmony ine mood yayo. Shandisa harmonies kuti ufungisise color combos dzinowirirana zvakanaka.

How to Use

Dzvanya pane chero color kuti ukopere hex value yayo. Izvi combinations zvakaratidzwa nemasvomhu kuti zvigadzire visual harmony.

Why It Matters

Color harmonies inogadzira chiyero uye inokurudzira manzwiro chaiwo mumagadzirirwo ako.

Kuwedzera

Ruvara uye rwakasiyana narwo pane vhiri remavara, +180 madhigirii ehu. Kusiyana kwakanyanya.

Yakanakira: Dhizaini dzine simba, CTAs, marogo

Kupatsanura-kuwedzera

Ruvara uye maviri ari padyo nekuwedzera kwayo, +/-30 madhigirii ehu kubva pakukosha kwakatarisana neruvara rukuru. Kusimba kunge kuwedzera kwakananga, asi kunoshanduka-shanduka.

Yakanakira: Zvigadzirwa zvinopenya asi zvakaringana

Triadic

Mavara matatu akaparadzana zvakaenzana pane vhiri remavara, imwe neimwe 120 madhigirii ehu kure. Zvakanakisisa kubvumira ruvara rumwe kutonga uye kushandisa mamwe sema accents.

Yakanakira: Dhizaini dzinotamba, dzine simba

Analogous

Mavara matatu ane luminance uye saturation imwe chete ane hues ari padyo pane vhiri remavara, 30 madhigirii kure. Shanduko dzakatsetseka.

Yakanakira: Zvinhu zvinokurudzira zvakasikwa, zvinodzikama

Monochromatic

Mavara matatu ehu imwe chete ane luminance values +/-50%. Zvinonzwisisika uye zvakapfava.

Yakanakira: Dhizaini dzine hushoma, dzakakwirira

Tetradic

Mavara maviri emavara anopindirana, akaparadzaniswa ne60 degrees yehue.

Yakanakira: Maitiro akapfuma, akasiyana-siyana emavara

Nheyo dzeColor Theory

Kuyera

Shandisa ruvara rumwe runotonga, tsigira nechipiri, uye shandisa zvishoma.

Kusiyana

Ita shuwa kuti pane kusiyana kwakakwana kwekuverenga uye kuwanika.

Kuwirirana

Mavara anofanira kushanda pamwe chete kugadzira chiitiko chakabatana chekuona.

Color Contrast Checker

Edza musanganiswa wemavara kuti uone kana uchisangana nemaitiro eWCAG ekunyora kunoverengwa.

Musiyano

1.00
common.contrastFail
Zvakanyanya kushata
Kunyora kudiki
common.contrastFail
Kunyora kukuru
common.contrastFail

Maitiro eWCAG

AA:Minimum musiyano wemavara we4.5:1 wekunyora kwechinyorwa uye 3:1 wekunyora kukuru. Zvinodiwa kune mazhinji emawebhusaiti.
AAA:Musiyano wakawedzerwa we7:1 wekunyora kwechinyorwa uye 4.5:1 wekunyora kukuru. Zvinokurudzirwa kuti zvive nyore kuverenga.
Kusiyana kwakashoma kwehukuru hwese hwekunyora - kunotadza mitemo yeWCAG.

Advanced Contrast Checker

Gadziridza zvakanaka nemasiraidhi, akawanda ekutarisa & zvimwe

Munhu wese iGenius. Asi Kana Ukatonga Hove NeKugona Kwayo Kukwira Muti, Ichararama Hupenyu Hwayo Hwese Ichitenda Kuti Iri Kupusa.

contrastChecker.quote1Author

Mafomati Ehunyanzvi

Ongorora nzvimbo dzemavara dzepamusoro uye mamodheru emavara ehunyanzvi anoshandiswa mukugadzirwa kwevhidhiyo, kutora mifananidzo, mashandisirwo esainzi, uye masisitimu ekugadzirisa mavara. Mafomati ehunyanzvi aya anopa tsananguro dzemavara dzakarurama kumabhizinesi akasarudzika uye mashandisirwo.

Practical Formats

Shandura mavara kuenda kumafomati anoshanda ekushandisa kwechokwadi kusanganisira print simulation, LED displays, terminal output, uye data encoding. Aya mafomati anokubatsira kushandisa mavara pamaplatfomu akasiyana, midhiya, uye zvishandiso zvemuviri.

Kuongorora Ruvara

Ongorora maitiro eruvara nemametrics epamusoro anosanganisira spectral composition, kuchena kweruvara, metamerism effects, uye perceptual characteristics. Zvishandiso izvi zvinopa nzwisiso yakadzama mumaitiro eruvara uye kutaridzika pasi pemamiriro akasiyana ekuona.

Simulator Yekupofumara

Tarisa kuti ruvara runoonekwa sei nevanhu vane mhando dzakasiyana dzekupofumara kwemavara kuti ugadzire magadzirirwo anowanikwa zvakanyanya. Kunzwisisa kuona kwemavara kunobatsira kuona kuti zvemukati zvako zvinowanikwa kune wese munhu.

Zvinhu Zvekugadzira

Ongorora zvemagariro uye zvepfungwa zvemavara kusanganisira kubatana kwemwaka, kukanganisa kwemanzwiro, zviitiko zvechisikigo, mapigment enhoroondo, uye mabikirwo ekusanganisa mavara ekushandisa kwekugadzira.