Generador y Selector de Códigos de Color

Genera códigos de color, variaciones, armonías y comprueba las relaciones de contraste.

Conversión de colores

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

Variaciones

La finalidad de esta sección es producir con precisión tintes (blanco puro añadido) y sombras (negro puro añadido) del color que hayas seleccionado en incrementos del 10%.

Sombras

Tintes

Combinaciones de colores

Cada armonía tiene su propio estado de ánimo. Utiliza las armonías para hacer una lluvia de ideas sobre combinaciones de colores que funcionen bien juntos.

Complemento

Un color y su opuesto en la rueda cromática, +180 grados de matiz. Alto contraste.

#a100ff

Complementarios divididos

Un color y dos adyacentes a su complemento. Audaz como un complemento directo, pero más versátil.

Triádica

Tres colores espaciados uniformemente a lo largo de la rueda cromática, cada uno con 120 grados de diferencia. Lo mejor es dejar que domine un color y utilizar los otros como acentos.

Análogos

Tres colores de la misma luminancia y saturación con matices adyacentes en la rueda cromática, separados 30 grados. Transiciones suaves.

Monocromático

Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.

Tetrádica

Dos conjuntos de colores complementarios, separados por 60 grados de matiz.

Comprobador de Contraste de Color

Color del texto
Color de fondo
Contraste
Fail
Texto pequeño
✖︎
Texto grande
✖︎

Todo el mundo es un genio. Pero si juzgas a un pez por su capacidad para trepar a un árbol, vivirá toda su vida creyendo que es estúpido.

- Albert Einstein