Color
Paleta de colores
Genera una paleta armónica a partir de un color base.
Todo se procesa en tu navegador. Ningún archivo se sube a un servidor.
- 1Elige un color base con el selector de color, o escribe su código hex en el campo de texto.
- 2Mira cómo se regenera al instante la paleta de seis colores: sombra, base oscura, base, complementario, análogo y claro.
- 3Haz clic en cualquier swatch para copiar su código hex al portapapeles.
¿Qué son los seis colores que genera la paleta?+
A partir de tu color base, la herramienta calcula una sombra (versión más oscura), una base oscura, tu color original, un complementario (el opuesto en el círculo cromático), un análogo (un tono vecino) y un claro, una gama útil para estados de interfaz, sombreado de ilustraciones o identidad de marca.
¿Tengo que escribir el código hex o puedo elegir el color a ojo?+
Las dos opciones funcionan: usa el selector visual de color o escribe/pega un código hex directo en el campo de texto de al lado. Están sincronizados y la paleta se regenera al instante con cualquiera de los dos.
¿Cómo llevo el color de un swatch a mi herramienta de diseño?+
Haz clic en cualquiera de los seis colores: su código hex se copia directo al portapapeles, y aparece un aviso "Copiado" para confirmarlo, listo para pegar en CSS, Figma o donde lo necesites.