Generador de paletas de colores
Funciona en tu dispositivo. No se envía nada.Todo ocurre en tu navegador: no se sube nada.
Colores5
Truco: pulsa Espacio para una paleta nueva.Armonía
Exportar
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Crea paletas con armonías del círculo cromático o al azar, bloquea los colores que te gusten y cópialos como variables CSS, colores de Tailwind o JSON.
Pulsa Generar (o Espacio) para una paleta nueva. Bloquea los colores que quieras conservar y el resto se reconstruye a su alrededor con una armonía del círculo cromático: vecinos análogos, una escala monocromática, opuestos complementarios o complementarios divididos, tríadas y tétradas, o puro azar con tonos bien repartidos. Haz clic en el código hex para copiarlo o en el color para elegirlo tú. Exporta como propiedades CSS, escala de Tailwind o JSON, guarda un PNG o copia un enlace a la misma paleta.
Preguntas frecuentes
¿Qué significan las armonías?
Son posiciones en el círculo cromático. Los colores análogos están juntos (calma), los complementarios enfrentados (mucho contraste), la complementaria dividida usa los dos vecinos del opuesto, la tríada tres colores a 120° y la tétrada cuatro a 90°. Monocromática mantiene el tono y varía la luminosidad.
¿Cómo creo una paleta alrededor del color de mi marca?
Haz clic en el primer color, elige el tuyo, bloquéalo y pulsa Generar. Los huecos libres se rellenan con la armonía elegida partiendo de tu color.
¿Se lee bien el texto sobre cada color?
El código hex cambia a negro o blanco según cuál contraste más. Para texto de párrafo, comprueba la pareja exacta en el verificador de contraste WCAG de nuestras herramientas de color.
¿Se guarda algo?
Tu paleta actual se recuerda en este dispositivo. Un enlace compartido lleva los colores tras el # de la dirección, parte que no se envía a nuestro servidor.