Spalvų konvertavimas
#ca4e4e
≈ Chestnut Rose
Variacijos
Šio skyriaus tikslas - tiksliai sukurti pasirinktos spalvos atspalvius (pridedama grynos baltos spalvos) ir atspalvius (pridedama grynos juodos spalvos) 10 % tikslumu.
Profesionalų patarimas: Naudokite atspalvius užsklandos būsenoms ir šešėliams, o atspalvius - šviesoms ir fonams.
Atspalviai
Tamsesni variantai sukuriami į pagrindinę spalvą pridedant juodos spalvos.
Spalvos
Šviesesni variantai sukuriami į pagrindinę spalvą pridedant baltos spalvos.
Bendrieji naudojimo atvejai
- • Sąsajos komponento būsenos (užvedimas, aktyvus, išjungtas)
- • Gylio kūrimas naudojant šešėlius ir šviesas
- • Nuoseklių spalvų sistemų kūrimas
Dizaino sistemos patarimas
Šie variantai sudaro darnios spalvų paletės pagrindą. Eksportuokite jas, kad visame projekte išlaikytumėte nuoseklumą.
Spalvų deriniai
Kiekviena harmonija turi savo nuotaiką. Naudokite harmonijas, kad sugalvotumėte spalvų derinius, kurie gerai dera tarpusavyje.
Kaip naudoti
Spustelėkite bet kurią spalvą, kad nukopijuotumėte jos šešiaženklę vertę. Matematiškai įrodyta, kad šie deriniai sukuria vizualinę harmoniją.
Kodėl tai svarbu
Spalvų dermės sukuria pusiausvyrą ir sukelia tam tikras emocijas jūsų dizaine.
Papildymas
Spalva ir jos priešingybė spalvų rate, +180 atspalvio laipsnių. Didelis kontrastas.
Padalyti-komplementarūs
Spalva ir dvi gretimos spalvos, +/-30 laipsnių atspalvio nuo vertės, priešingos pagrindinei spalvai. Drąsus kaip tiesioginis papildymas, bet universalesnis.
Triadinis
Trys spalvos, tolygiai išdėstytos išilgai spalvų rato, kurių atspalviai skiriasi 120 laipsnių. Geriausia, kad viena spalva dominuotų, o kitos būtų naudojamos kaip akcentai.
Analogiškas
Trys to paties ryškumo ir sodrumo spalvos, kurių atspalviai spalvų rate yra greta, 30 laipsnių atstumu viena nuo kitos. Sklandūs perėjimai.
Vienspalvis
Trys to paties atspalvio spalvos, kurių šviesumo vertės +/-50 %. Subtilus ir rafinuotas.
Tetradinis
Du papildomų spalvų rinkiniai, kuriuos skiria 60 laipsnių atspalvis.
Spalvų teorijos principai
Balansas
Naudokite vieną dominuojančią spalvą, palaikykite ją antrine, o akcentus dėkite retai.
Kontrastas
Užtikrinkite pakankamą kontrastą, kad tekstas būtų įskaitomas ir prieinamas.
Harmonija
Spalvos turėtų derėti tarpusavyje, kad sukurtų vientisą vizualinę patirtį.
Spalvų kontrasto tikrintuvas
Išbandykite spalvų derinius, kad įsitikintumėte, jog jie atitinka WCAG teksto įskaitomumo standartus.
Teksto spalva
Fono spalva
Kontrastas
WCAG standartai
Visi yra genijai. Bet jei apie žuvį spręsite pagal jos gebėjimą įlipti į medį, ji visą gyvenimą gyvens manydama, kad yra kvaila.