Spalvų konvertavimas
#e24826
≈ Cinnabar
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.
Padalintas komplementarus
Spalva ir dvi gretimos jos papildinei spalvai, +/-30 laipsnių atspalvio nuo priešingos pagrindinės spalvos reikšmės. Ryški kaip tiesi papildinė spalva, bet universalesnė.
Triadinis
Trys spalvos, tolygiai išdėstytos spalvų rate, kiekviena 120 laipsnių atspalvio skirtumu. Geriausia leisti vienai spalvai dominuoti, o kitas naudoti kaip akcentus.
Analogiškas
Trys vienodo šviesumo ir sodrumo spalvos, kurių atspalviai spalvų rate yra gretimi ir nutolę 30 laipsnių atstumu vienas nuo kito. Sklandūs perėjimai.
Monochromatinis
Trys to paties atspalvio spalvos, kurių šviesumo vertės yra +/-50 %. Subtilus ir rafinuotas.
Tetradinis
Du papildomų spalvų rinkiniai, atskirti 60 atspalvio laipsnių.
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
Išplėstinis kontrasto tikrintuvas
Tikslus derinimas naudojant slankiklius, kelias peržiūras ir kt.
Kiekvienas yra genijus. Bet jei vertinsi žuvį pagal jos gebėjimą lipti į medį, ji visą gyvenimą manys, kad yra kvaila.