Kleurkonversie
#b400ff
≈ Electric Violet
Variasies
Die doel van hierdie afdeling is om akkuraat tintjies (suiwer wit bygevoeg) en skakerings (suiwer swart bygevoeg) van jou geselekteerde kleur in 10% inkremente te produseer.
Pro Wenk: Gebruik skakerings vir hover-states en skaduwees, tintjies vir hoogtepunte en agtergronde.
Skakerings
Donkerder variasies geskep deur swart by jou basiskleur te voeg.
Tintjies
Lighter variasies geskep deur wit by jou basiskleur te voeg.
Algemene Gebruik Gevalle
- • UI komponent toestande (hover, aktief, gedeaktiveer)
- • Diepte skep met skaduwees en hoogtepunte
- • Konsistente kleurstelsels bou
Ontwerpstelsel Wenk
Hierdie variasies vorm die grondslag van 'n samehangende kleurpalet. Exporteer hulle om konsekwentheid oor jou hele projek te handhaaf.
Kleurkombinasies
Elke harmonie het sy eie stemming. Gebruik harmonies om kleurkombinasies te bedink wat goed saamwerk.
Hoe om te gebruik
Klik op enige kleur om sy hex-waarde te kopieer. Hierdie kombinasies is wiskundig bewys om visuele harmonie te skep.
Hoekom dit saak maak
Kleurharmonies skep balans en roep spesifieke emosies in jou ontwerpe op.
Komplement
‘n Kleur en sy teenoorgestelde op die kleurwiel, +180 grade van tint. Hoë kontras.
Gesplete-komplementêr
‘n Kleur en twee aangrensend aan sy komplement, +/-30 grade van tint van die waarde teenoorgestelde die hoofkleur. Vet soos 'n reguit komplement, maar meer veelsydig.
Triadies
Drie kleure eweredig versprei langs die kleurwiel, elk 120 grade van tint uitmekaar. Beste om een kleur te laat domineer en die ander as aksente te gebruik.
Analoog
Drie kleure van dieselfde ligsterkte en versadiging met tint wat aangrensend op die kleurwiel is, 30 grade uitmekaar. Gladde oorgange.
Monochromaties
Drie kleure van dieselfde tint met ligsterkte waardes +/-50%. Subtiel en verfynd.
Tetradies
Twee stelle komplementêre kleure, geskei deur 60 grade van tint.
Kleurteorie beginsels
Balans
Gebruik een dominante kleur, ondersteun met sekondêre, en aksentueer spaarsamig.
Kontras
Verseker voldoende kontras vir leesbaarheid en toeganklikheid.
Harmonie
Kleure moet saamwerk om 'n verenigde visuele ervaring te skep.
Kleurkontras Kieër
Toets kleurkombinasies om te verseker dat hulle aan WCAG-toeganklikheidstandaarde vir teksleesbaarheid voldoen.
Teks Kleur
Agtergrond Kleur
Kontras
WCAG Standaarde
Gevorderde kontras kontroleerder
Verfyn met skuifknoppies, veelvuldige voorskoue & meer
Almal is 'n Genie. Maar as jy 'n Vis beoordeel op sy vermoë om 'n Boom te klim, sal dit sy hele lewe glo dat dit dom is.