Kleuromskakeling
#ca4e4e
≈ Chestnut Rose
Variasies
Die doel van hierdie afdeling is om akkuraat tinte (suiwer wit bygevoeg) en skakerings (suiwer swart bygevoeg) van jou gekose kleur in 10%-inkremente te produseer.
Pro Wenk: Gebruik skakerings vir sweeftoestande en skaduwees, tinte vir hoogtepunte en agtergronde.
Skakerings
Donkerder variasies word geskep deur swart by jou basiskleur te voeg.
Tinte
Ligter variasies geskep deur wit by jou basiskleur te voeg.
Algemene gebruiksgevalle
- • UI-komponenttoestande (beweeg, aktief, gedeaktiveer)
- • Skep diepte met skaduwees en ligpunte
- • Die bou van konsekwente kleurstelsels
Ontwerpstelselwenk
Hierdie variasies vorm die fondament van 'n samehangende kleurpalet. Voer hulle uit om konsekwentheid oor jou hele projek te handhaaf.
Kleurkombinasies
Elke harmonie het sy eie stemming. Gebruik harmonieë om kleurkombinasies te bedink wat goed saamwerk.
Hoe om te gebruik
Klik op enige kleur om die heksadesimale waarde daarvan te kopieer. Hierdie kombinasies is wiskundig bewys om visuele harmonie te skep.
Waarom dit saak maak
Kleurharmonieë skep balans en ontlok spesifieke emosies in jou ontwerpe.
Komplement
'n Kleur en sy teenoorgestelde op die kleurwiel, +180 grade skakering. Hoë kontras.
Gesplete komplementêre
'n Kleur en twee aangrensend aan sy komplement, +/-30 grade skakering vanaf die waarde teenoor die hoofkleur. Vet soos 'n reguit komplement, maar meer veelsydig.
Triadiese
Drie kleure eweredig langs die kleurwiel gespasieer, elk 120 grade skakering uitmekaar. Dit is die beste om een kleur te laat domineer en die ander as aksente te gebruik.
Analoog
Drie kleure van dieselfde helderheid en versadiging met skakerings wat aangrensend op die kleurwiel is, 30 grade uitmekaar. Gladde oorgange.
Monochromaties
Drie kleure van dieselfde skakering met luminansiewaardes +/-50%. Subtiel en verfyn.
Tetradiese
Twee stelle komplementêre kleure, geskei deur 60 grade skakering.
Kleurteorie-beginsels
Saldo
Gebruik een dominante kleur, ondersteun met sekondêre, en aksent spaarsamig.
Kontras
Verseker voldoende kontras vir leesbaarheid en toeganklikheid.
Harmonie
Kleure moet saamwerk om 'n verenigde visuele ervaring te skep.
Kleurkontraskontroleerder
Toets kleurkombinasies om te verseker dat hulle voldoen aan WCAG-toeganklikheidstandaarde vir teksleesbaarheid.
Teks kleur
Agtergrondkleur
Kontras
WCAG-standaarde
Almal is 'n genie. Maar as jy 'n vis beoordeel volgens sy vermoë om in 'n boom te klim, sal hy sy hele lewe leef deur te glo dat hy dom is.