{{color}} — Información del color

HEX:
{{ colorInfo.hex }}
RGB:
{{ colorInfo.rgb.string }}
HSL:
{{ colorInfo.hsl.string }}
CMYK:
{{ colorInfo.cmyk }}
HSV:
{{ colorInfo.hsv.string }}
XYZ:
{{ colorInfo.xyz }}
Web-Safe:
{{ colorInfo.webSafe }}
Temperature:
{{ colorInfo.temperature.toFixed(0) }} °K

Tonos básicos

10 tonos principales de color en una escala de brillo de 50 a 900. Esta escala se utiliza al crear diseños y la identidad de marca.

{{ key }}
{{ color.hex }}

Matices

Creados agregando blanco a un color base, haciéndolo más claro. Los matices se vuelven de colores pastel.

#{{color}}

Tonos

Creados agregando gris a un color base, haciéndolo más claro. Los tonos parecen más complejos que el color base.

#{{color}}

Tonos

Creados agregando negro al color base, haciéndolo más oscuro. Los tonos lucen más ricos.

#{{color}}

Combinaciones de color

Complementary

Colores complementarios, opuestos entre sí. Dos colores opuestos.

#{{color}}
Split Complementary

El color principal y otros dos colores que están alrededor del borde del color principal opuesto.

#{{color}}
Triadic

La combinación de tres colores equidistantes en la rueda de colores.

#{{color}}
Tetradic

La combinación de dos pares de colores complementarios, cuando forman un cuadrado o rectángulo.

#{{color}}
Analogus-complementary

La combinación del color opuesto y sus vecinos en la rueda de colores.

#{{color}}
Analogus

La combinación de cuatro colores vecinos en la rueda de colores.

#{{color}}

Contrastes

Herramientas

Hola,
¡Qué bueno verte!

¿Olvidaste tu contraseña?

Ingresa la dirección de correo electrónico que utilizaste al unirte y te enviaremos instrucciones para restablecer tu contraseña.

Crear
una nueva cuenta

Contraseña no coincide

Presentando los Gradientes de Malla

Hemos añadido un generador de gradientes de malla y una nueva biblioteca de malla para que puedas enriquecer con tus gradientes. Ahora puedes crear hermosos gradientes abstractos, descargarlos, copiar sus códigos CSS, guardarlos en tu panel personal y añadirlos a la biblioteca pública.

¡Pronto añadiremos un generador de gradientes radiales!

Gradientes de malla