Generador i selector de codi de color

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

Conversió de color

HEX

#bbb5a4

Nomad

HEX
#bbb5a4
HSL
44, 14, 69
RGB
187, 181, 164
XYZ
44, 46, 42
CMYK
0, 3, 12, 27
LUV
74,17,18,
LAB
74, -1, 9
HWB
44, 64, 27

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.

#bbb5a4

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