#FF69B4 · Jenereta ya Msimbo wa Rangi & Picker

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

    Ubadilishaji wa Rangi

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    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.

    #ff69b4
    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 tofauti wa 4.5:1 kwa maandiko ya kawaida na 3:1 kwa maandiko makubwa. Inahitajika kwa tovuti nyingi.
    AAA:Uwiano wa juu zaidi wa tofauti wa 7:1 kwa maandiko ya kawaida na 4.5:1 kwa maandiko makubwa. Inashauriwa kwa ufikiaji bora zaidi.
    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