Jenereta ya Msimbo wa Rangi & Picker

Tengeneza misimbo ya rangi, tofauti, maelewano, na angalia uwiano wa utofauti.

Ubadilishaji wa Rangi

HEX

#3f583b

Tom Thumb

HEX
#3f583b
HSL
112, 20, 29
RGB
63, 88, 59
XYZ
6, 8, 5
CMYK
28, 0, 33, 65
LUV
35,-7,20
LAB
35, -16, 14
HWB
112, 23, 65

Tofauti

Madhumuni ya sehemu hii ni kuzalisha kwa usahihi tints (nyeupe safi imeongezwa) na shades (nyeusi safi imeongezwa) za rangi yako iliyochaguliwa kwa ongezeko la 10%.

Kidokezo cha Mtaalamu: Tumia shades kwa hali za hover na vivuli, tints kwa mwangaza na mandharinyuma.

Shades

Tofauti za giza zilizoundwa kwa kuongeza nyeusi kwenye rangi yako ya msingi.

Tints

Tofauti za mwanga zilizoundwa kwa kuongeza nyeupe kwenye rangi yako ya msingi.

Matumizi ya Kawaida

  • Hali za vipengele vya UI (hover, active, disabled)
  • Kuunda kina na vivuli na mwangaza
  • Kujenga mifumo ya rangi thabiti

Kidokezo cha Mfumo wa Ubunifu

Tofauti hizi zinaunda msingi wa palette ya rangi inayolingana. Zihifadhi ili kudumisha uthabiti katika mradi wako wote.

Mchanganyiko wa Rangi

Kila maelewano yana hali yake. Tumia maelewano kubuni mchanganyiko wa rangi zinazofanya kazi vizuri pamoja.

Jinsi ya Kutumia

Bonyeza kwenye rangi yoyote kunakili thamani yake ya hex. Mchanganyiko huu umethibitishwa kihisabati kuunda maelewano ya kuona.

Kwa Nini Ni Muhimu

Maelewano ya rangi huunda usawa na kuamsha hisia maalum katika miundo yako.

Kamilisha

Rangi na kinyume chake kwenye gurudumu la rangi, +180 digrii za hue. Tofauti kubwa.

#3f583b
Bora kwa: Miundo yenye athari kubwa, CTAs, nembo

Kamilisha iliyogawanyika

Rangi na mbili karibu na kinyume chake, +/-30 digrii za hue kutoka thamani kinyume na rangi kuu. Jasiri kama kamilisha moja kwa moja, lakini yenye matumizi mengi zaidi.

Bora kwa: Miundo yenye nguvu lakini yenye usawa

Triadic

Rangi tatu zilizotawanyika sawasawa kwenye gurudumu la rangi, kila moja 120 digrii za hue mbali. Bora kuruhusu rangi moja kutawala na kutumia zingine kama mapambo.

Bora kwa: Miundo ya kucheza, yenye nguvu

Analogous

Rangi tatu za mwangaza na saturation sawa na hues ambazo ziko karibu kwenye gurudumu la rangi, 30 digrii mbali. Mabadiliko laini.

Bora kwa: Mienendo iliyoongozwa na asili, interfaces za kutuliza

Monochromatic

Rangi tatu za hue sawa na maadili ya mwangaza +/-50%. Nyepesi na iliyosafishwa.

Bora kwa: Miundo ya minimalist, ya kifahari

Tetradic

Seti mbili za rangi zinazokamilishana, zikitenganishwa na digrii 60 za hue.

Bora kwa: Mifumo ya rangi tajiri, tofauti

Kanuni za Nadharia ya Rangi

Usawa

Tumia rangi moja kuu, saidia na ya sekondari, na ongeza kidogo kwa msisitizo.

Tofauti

Hakikisha tofauti ya kutosha kwa usomaji na ufikivu.

Uharmoniani

Rangi zinapaswa kufanya kazi pamoja ili kuunda uzoefu wa kuona uliounganishwa.

Kikagua Ulinganifu wa Rangi

Jaribu mchanganyiko wa rangi kuhakikisha unakidhi viwango vya ufikiaji vya WCAG kwa usomaji wa maandishi.

Rangi ya Maandishi
Rangi ya Mandharinyuma
Ulinganifu
1.00
Fail
Duni sana
Maandishi madogo
✖︎
Maandishi makubwa
✖︎
Viwango vya WCAG
AA:Uwiano wa chini wa 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa. Inahitajika kwa tovuti nyingi.
AAA:Uwiano wa juu wa 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Inapendekezwa kwa ufikiaji bora.
Tofauti haitoshi kwa maandishi yote - haikidhi viwango vya WCAG.

Kikagua Tofauti cha Juu

Rekebisha kwa kina na slaidi, hakikisho nyingi na zaidi

Kila mtu ni mwerevu. Lakini ukimhukumu samaki kwa uwezo wake wa kupanda mti, ataishi maisha yake yote akiamini kuwa ni mjinga.

- Albert Einstein

Miundo ya Kiufundi

Miundo ya Kivitendo

Uchambuzi wa Rangi

Kichezeshi cha upofu

Vipengele vya ubunifu