Crea una paleta de colores a partir de un color
Elegir colores que combinen bien es una de las partes más difíciles al diseñar un sitio web, aplicación, presentación, logotipo o póster. La teoría del color ofrece relaciones comprobadas entre los colores en el círculo cromático, y este generador de paletas las aplica por ti. Empieza con un color que te guste —o el color de tu marca—, elige un esquema y obtén cinco colores armoniosos listos para copiar en tu proyecto.
Características
- Siete esquemas: complementario, análogo, triádico, complementario dividido, tetrádico, monocromático y tonos.
- Cualquier color inicial en formato HEX, RGB, HSL o nombre de color CSS, o elige uno al azar.
- Haz clic para copiar cualquier muestra.
- Exporta como propiedades personalizadas de CSS o un array JSON.
- Etiquetas legibles que cambian entre blanco y negro para mayor contraste.
¿Qué esquema usar?
| Esquema | Sensación | Ideal para |
|---|---|---|
| Complementario | Audaz, alto contraste | Botones de llamada a la acción, deportes, ventas |
| Análogo | Tranquilo, armonioso | Naturaleza, bienestar, fondos |
| Triádico | Animado, equilibrado | Productos infantiles, ilustraciones |
| Complementario dividido | Vivo pero menos tenso | Sitios web que necesitan un acento fuerte |
| Tetrádico | Rico, colorido | Infografías y gráficos |
| Monocromático | Elegante, minimalista | Sitios corporativos, portafolios |
| Tonos | Sistemático | Sistemas de diseño, estados de UI |
De la paleta al diseño
Una vez que tengas una paleta, comprueba que el texto sea legible en cualquier fondo con el Verificador de contraste de color, convierte los colores a RGB, HSL o CMYK para impresión con el Conversor de colores, y transforma dos de ellos en un fondo suave con el Generador de degradados CSS.