Kleurkodegenerator en -kieser

Genereer kleurkodes, variasies, harmonieë en kontroleer kontrasverhoudings.

Kleuromskakeling

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

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.

#ca4e4e
Beste vir: Hoë-impak ontwerpe, oproepe tot aksie, logo's

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.

Beste vir: Lewendige maar gebalanseerde uitlegte

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.

Beste vir: Speelse, energieke ontwerpe

Analoog

Drie kleure van dieselfde helderheid en versadiging met skakerings wat aangrensend op die kleurwiel is, 30 grade uitmekaar. Gladde oorgange.

Beste vir: Natuur-geïnspireerde, kalmerende koppelvlakke

Monochromaties

Drie kleure van dieselfde skakering met luminansiewaardes +/-50%. Subtiel en verfyn.

Beste vir: Minimalistiese, gesofistikeerde ontwerpe

Tetradiese

Twee stelle komplementêre kleure, geskei deur 60 grade skakering.

Beste vir: Ryk, diverse kleurskemas

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
Fail
Klein teks
✖︎
Groot teks
✖︎
WCAG-standaarde
AA:Minimum kontrasverhouding van 4.5:1 vir normale teks en 3:1 vir groot teks. Vereis vir die meeste webwerwe.
AAA:Verbeterde kontrasverhouding van 7:1 vir normale teks en 4.5:1 vir groot teks. Aanbeveel vir optimale toeganklikheid.

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.

- Albert Einstein

Tegniese Formate

Praktiese Formate

Kleuranalise

Blindheidsimulator

Kreatiewe Aspekte