Color Code Generator & Picker

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

Kushandura Ruvara

HEX

#3fc1aa

Puerto Rico

HEX
#3fc1aa
HSL
169, 51, 50
RGB
63, 193, 170
XYZ
28, 42, 45
CMYK
67, 0, 12, 24
LUV
71,-42,14
LAB
71, -41, 1
HWB
169, 25, 24

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.

#3fc1aa
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.

Ruvara rwekunyora
Ruvara rwekumashure
Musiyano
1.00
Fail
Zvakanyanya kushata
Kunyora kudiki
✖︎
Kunyora kukuru
✖︎
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.

- Albert Einstein

Mafomati Ehunyanzvi

Practical Formats

Kuongorora Ruvara

Simulator Yekupofumara

Zvinhu Zvekugadzira