Generador i selector de codi de color

Genera codis de color, variacions, harmonies i comprova les relacions de contrast.

Conversió de color

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

Variacions

L'objectiu d'aquesta secció és produir amb precisió tints (blanc pur afegit) i matisos (negre pur afegit) del color seleccionat en increments del 10%.

Ombres

Tints

Combinacions de colors

Cada harmonia té el seu propi ambient. Fes servir harmonies per fer una pluja d'idees sobre combinacions de colors que funcionin bé juntes.

Complement

Un color i el seu oposat al cercle cromàtic, +180 graus de tonalitat. Alt contrast.

#a100ff

Complementari dividit

Un color i dos adjacents al seu complementari, a +/-30 graus de tonalitat respecte al valor oposat al color principal. Atrevit com un complement directe, però més versàtil.

Triàdic

Tres colors espaiats uniformement al llarg del cercle cromàtic, cadascun separat per 120 graus de tonalitat. El millor és deixar que un color domini i utilitzar els altres com a accents.

Anàleg

Tres colors de la mateixa luminància i saturació amb tons adjacents al cercle cromàtic, separats per 30 graus. Transicions suaus.

monocromàtic

Tres colors del mateix to amb valors de luminància de +/-50%. Subtil i refinat.

Tetràdic

Dos conjunts de colors complementaris, separats per 60 graus de tonalitat.

Comprovador de contrast de colors

Color del text
Color de fons
Contrast
Fail
Text petit
✖︎
Text gran
✖︎

Tothom és un geni. Però si jutges un peix per la seva capacitat per pujar a un arbre, viurà tota la seva vida creient que és estúpid.

- Albert Einstein