Jenereta na Kiteua cha Msimbo wa Rangi

Tengeneza misimbo ya rangi, tofauti, uwiano na uangalie uwiano wa utofautishaji.

Ubadilishaji wa Rangi

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

Tofauti

Madhumuni ya sehemu hii ni kutoa tinti (nyeupe safi imeongezwa) na vivuli (nyeusi safi imeongezwa) vya rangi uliyochagua kwa usahihi katika nyongeza za 10%.

Kidokezo cha Pro: Tumia vivuli kwa hali ya kuelea na vivuli, rangi kwa vivutio na mandharinyuma.

Vivuli

Tofauti nyeusi zaidi zilizoundwa kwa kuongeza nyeusi kwenye rangi yako ya msingi.

Tinti

Tofauti nyepesi zilizoundwa kwa kuongeza rangi nyeupe kwenye msingi wako.

Kesi za Matumizi ya Kawaida

  • Hali za vijenzi vya UI (kwea juu, hai, imezimwa)
  • Kujenga kina na vivuli na mambo muhimu
  • Kujenga mifumo thabiti ya rangi

Kidokezo cha Mfumo wa Kubuni

Tofauti hizi hufanya msingi wa palette ya rangi ya kushikamana. Hamisha nje ili kudumisha uthabiti katika mradi wako wote.

Mchanganyiko wa Rangi

Kila uwiano una hisia zake. Tumia uwiano ili kubuni michanganyiko ya rangi inayofanya kazi vizuri pamoja.

Jinsi ya Kutumia

Bofya kwenye rangi yoyote ili kunakili thamani yake ya heksi. Mchanganyiko huu umethibitishwa kihisabati kuunda maelewano ya kuona.

Kwa Nini Ni Muhimu

Ulinganifu wa rangi huunda usawa na kuibua hisia mahususi katika miundo yako.

Kikamilisho

Rangi na kinyume chake kwenye gurudumu la rangi, nyuzi +180 za hue. Tofauti ya juu.

#ca4e4e
Bora kwa: Miundo yenye athari ya juu, CTA, nembo

Kikamilisho-mgawanyiko

Rangi moja na mbili zilizo karibu na kikamilisho chake, +/- nyuzi 30 za hue kutoka kwa thamani iliyo kinyume na rangi kuu. Ujasiri kama kikamilisho cha moja kwa moja, lakini chenye matumizi mengi zaidi.

Bora kwa: Mipangilio mahiri lakini yenye uwiano

Tatu

Rangi tatu zilizopangwa kwa usawa kwenye gurudumu la rangi, kila moja ikiwa na umbali wa nyuzi 120 za hue. Ni bora kuruhusu rangi moja itawale na kutumia zingine kama lafudhi.

Bora kwa: Miundo ya kucheza, yenye nguvu

Rangi sanjari

Rangi tatu za mwangaza na ujazo sawa na hues zilizo karibu kwenye gurudumu la rangi, zikiwa na umbali wa nyuzi 30. Mabadiliko laini.

Bora kwa: Violesura vya asili, vya kutuliza

Monokromatiki

Rangi tatu za hue sawa na thamani za mwangaza +/-50%. Nyembamba na iliyosafishwa.

Bora kwa: Minimalist, miundo ya kisasa

Tetradiki

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

Bora kwa: Tajiri, mipango ya rangi tofauti

Kanuni za Nadharia ya Rangi

Mizani

Tumia rangi moja kuu, usaidizi wa pili, na lafudhi kwa uangalifu.

Tofautisha

Hakikisha utofautishaji wa kutosha kwa usomaji na ufikiaji.

Maelewano

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

Kikagua Utofautishaji wa Rangi

Jaribu michanganyiko ya rangi ili kuhakikisha kuwa inakidhi viwango vya ufikivu vya WCAG vya usomaji wa maandishi.

Rangi ya maandishi
Rangi ya Mandharinyuma
Tofautisha
Fail
Nakala ndogo
✖︎
Maandishi makubwa
✖︎
Viwango vya WCAG
AA:Uwiano wa chini wa utofautishaji wa 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa. Inahitajika kwa tovuti nyingi.
AAA:Uwiano ulioimarishwa wa utofautishaji wa 7:1 kwa maandishi ya kawaida na 4.5:1 kwa maandishi makubwa. Inapendekezwa kwa ufikivu bora zaidi.

Kila mtu ni Genius. Lakini Ukimhukumu Samaki Kwa Uwezo Wake Wa Kupanda Mti, Ataishi Maisha Yake Yote Kwa Kuamini Kuwa Ni Mjinga.

- Albert Einstein

Miundo ya Kiufundi

Miundo ya Vitendo

Uchambuzi wa Rangi

Simulator ya Upofu

Vipengele vya Ubunifu