Kleurkoadegenerator en kiezer

Generearje kleurkoades, fariaasjes, harmonyen en kontrolearje kontrastferhâldingen.

Kleurkonverzje

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

Fariaasjes

It doel fan dizze seksje is om tinten (puur wyt tafoege) en skaden (puur swart tafoege) fan jo keazen kleur sekuer te produsearjen yn stappen fan 10%.

Profesjonele tip: Brûk skaden foar sweefsteaten en skaaden, tinten foar hichtepunten en eftergrûnen.

Skaden

Donkerdere fariaasjes makke troch swart ta te foegjen oan jo basiskleur.

Tinten

Lichtere fariaasjes makke troch wyt ta te foegjen oan jo basiskleur.

Fakken fan gewoane gebrûk

  • UI-komponintstaten (sweefje, aktyf, útskeakele)
  • Djipte meitsje mei skaden en hichtepunten
  • Konsekwinte kleursystemen bouwe

Tip foar ûntwerpsysteem

Dizze fariaasjes foarmje de basis fan in gearhingjend kleurenpalet. Eksportearje se om konsistinsje te behâlden yn jo heule projekt.

Kleurkombinaasjes

Elke harmony hat syn eigen stimming. Brûk harmonyen om te brainstormen oer kleurkombinaasjes dy't goed byinoar passe.

Hoe te brûken

Klik op in kleur om de heksadesimale wearde te kopiearjen. Dizze kombinaasjes binne wiskundich bewiisd om fisuele harmony te meitsjen.

Wêrom it wichtich is

Kleurharmonieën skeppe lykwicht en roppe spesifike emoasjes op yn jo ûntwerpen.

Komplement

In kleur en syn tsjinoerstelde op it kleurenwiel, +180 graden tint. Heech kontrast.

#ca4e4e
Bêst foar: Heech-ynfloed ûntwerpen, CTA's, logo's

Split-komplementêr

In kleur en twa neist syn komplement, +/-30 graden kleurte fan 'e wearde tsjinoer de haadkleur. Fet as in rjocht komplement, mar mear alsidich.

Bêst foar: Levendige, mar lykwichtige yndielingen

Triadysk

Trije kleuren lykmatig ferspraat lâns it kleurenwiel, elk 120 graden kleur útinoar. It is it bêste om ien kleur te litten dominearje en de oaren as aksinten te brûken.

Bêst foar: Boartlike, enerzjike ûntwerpen

Analoog

Trije kleuren fan deselde luminânsje en sêding mei skaden dy't neist elkoar lizze op it kleurenwiel, 30 graden útinoar. Soepele oergongen.

Bêst foar: Natuer-ynspirearre, kalmerende ynterfaces

Monochromatysk

Trije kleuren fan deselde tint mei luminânsjewearden +/- 50%. Subtyl en ferfine.

Bêst foar: Minimalistyske, ferfine ûntwerpen

Tetradysk

Twa sets komplementêre kleuren, skieden troch 60 graden tint.

Bêst foar: Rike, ferskate kleurskema's

Prinsipes fan kleurteory

Lykwicht

Brûk ien dominante kleur, stypje mei in sekundêre, en aksint sparjend.

Kontrast

Soargje foar genôch kontrast foar lêsberens en tagonklikens.

Harmony

Kleuren moatte tegearre wurkje om in ferienige fisuele ûnderfining te meitsjen.

Kleur Kontrast Checker

Test kleurkombinaasjes om te soargjen dat se foldogge oan WCAG-tagonklikheidsnormen foar tekstlêsberens.

Tekstkleur
Achtergrûn kleur
Kontrast
Fail
Lytse tekst
✖︎
Grutte tekst
✖︎
WCAG-noarmen
AA:Minimale kontrastferhâlding fan 4.5:1 foar normale tekst en 3:1 foar grutte tekst. Ferplicht foar de measte websiden.
AAA:Ferbettere kontrastferhâlding fan 7:1 foar normale tekst en 4.5:1 foar grutte tekst. Oanrikkemandearre foar optimale tagonklikens.

Elkenien is in sjeny. Mar as jo in fisk oardielje op syn fermogen om yn in beam te klimmen, sil hy syn hiele libben libje yn 'e leauwe dat hy dom is.

- Albert Einstein

Technyske formaten

Praktyske formaten

Kleuranalyse

Blinenssimulator

Kreatyf aspekten