Kleurcode Generator & Pipet

Genereer kleurcodes, variaties, harmonieën en controleer contrastverhoudingen.

Kleurconversie

HEX

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 0

Variaties

Het doel van dit onderdeel is om nauwkeurig tinten (puur wit toegevoegd) en schaduwen (puur zwart toegevoegd) van je geselecteerde kleur te produceren in stappen van 10%.

Schaduwen

Tinten

Kleurencombinaties

Elke harmonie heeft zijn eigen sfeer. Gebruik harmonieën om te brainstormen over kleurencombinaties die goed bij elkaar passen.

Complementaire kleur

Een kleur en zijn tegenpool op de kleurencirkel, +180 graden in de kleurencirkel. Hoog contrast.

#a100ff

Gesplitst-complementair

Een kleur en twee aangrenzende complementaire kleuren. Gedurfd als een directe complementaire kleur, maar veelzijdiger.

Triadisch

Drie kleuren gelijkmatig verdeeld over het kleurenwiel, elk 120 graden in tint uit elkaar. Het beste is om één kleur te laten overheersen en de andere als accenten te gebruiken.

Analoog

Drie kleuren met dezelfde helderheid en verzadiging met tinten die naast elkaar liggen op het kleurenwiel, 30 graden uit elkaar. Vloeiende overgangen.

Monochromatisch

Drie kleuren van dezelfde tint met luminantiewaarden +/-50%. Subtiel en verfijnd.

Tetradisch

Twee sets complementaire kleuren, gescheiden door 60 graden in de kleurencirkel.

Kleurcontrast Controle

Tekstkleur
Achtergrondkleur
Contrast
Fail
Kleine tekst
✖︎
Grote tekst
✖︎

Iedereen is een genie. Maar als je een vis beoordeelt op zijn vermogen om in een boom te klimmen, zal hij zijn hele leven geloven dat hij dom is.

- Albert Einstein