Kushandura Ruvara
#ff69b4
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.
Kupatsanura-kuwedzera
Ruvara uye maviri ari padyo nekuwedzera kwayo, +/-30 madhigirii ehu kubva pakukosha kwakatarisana neruvara rukuru. Kusimba kunge kuwedzera kwakananga, asi kunoshanduka-shanduka.
Triadic
Mavara matatu akaparadzana zvakaenzana pane vhiri remavara, imwe neimwe 120 madhigirii ehu kure. Zvakanakisisa kubvumira ruvara rumwe kutonga uye kushandisa mamwe sema accents.
Analogous
Mavara matatu ane luminance uye saturation imwe chete ane hues ari padyo pane vhiri remavara, 30 madhigirii kure. Shanduko dzakatsetseka.
Monochromatic
Mavara matatu ehu imwe chete ane luminance values +/-50%. Zvinonzwisisika uye zvakapfava.
Tetradic
Mavara maviri emavara anopindirana, akaparadzaniswa ne60 degrees yehue.
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
Maitiro eWCAG
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.