Cómo usar el generador
- Pulsa Colores nuevos, o la barra espaciadora, hasta que veas un color que te guste.
- Pulsa el candado de ese color. Se queda cuando los demás cambian.
- Sigue hasta que toda la paleta funcione. Añade un color con Añadir un color, hasta seis, o quita uno con la cruz.
- Haz clic en un código para copiarlo, o copia todos a la vez como variables CSS.
Para usar un color que ya tienes, como el de tu logo, pulsa el lápiz de una muestra y elígelo. La herramienta lo bloquea, así que los colores nuevos se crean alrededor de él.
Cómo se eligen los colores
El generador trabaja en OKLCH, una forma de describir el color que coincide con lo que ve el ojo. En OKLCH, dos colores con la misma luminosidad parecen igual de claros, algo que no pasa con los códigos de color que escribes a mano. El tono de los colores nuevos sigue una de cinco armonías clásicas:
- Análoga: colores vecinos en el círculo cromático, como azul, turquesa y verde. Tranquila y segura.
- Complementaria: dos colores opuestos, como azul y naranja. Contraste fuerte.
- Tríada: tres colores repartidos por igual en el círculo. Divertida.
- Complementaria dividida: un color y los dos que están al lado de su opuesto. Con vida, y con menos choque que la complementaria.
- Monocromática: un solo tono de oscuro a claro. Tranquila y ordenada.
Un poco de todo elige una armonía al azar cada vez. Todas las paletas van de un color oscuro a uno claro, así que siempre hay uno para el texto y otro para el fondo.
Comparte o guarda una paleta
La paleta queda en la dirección de la página. Pulsa Copiar enlace y envíalo, o guarda la página en favoritos: el enlace abre los mismos colores con los mismos bloqueos. Descargar PNG guarda una imagen de la paleta con los códigos, para un moodboard o para un mensaje a un diseñador. Copiar CSS te da los colores como variables, listos para una web.
Úsala en el editor de diseño de Postfjord
En Postfjord, añade tus colores una sola vez en Ajustes, Marca: un color principal, uno de acento, uno para el texto, un fondo y más colores de marca. Cada plantilla del editor de diseño se dibuja entonces con ellos, y Aplicar marca da tus colores también a un diseño que hiciste antes. En el panel Color, Colores que combinan con este diseño muestra tonos más claros y más oscuros de los colores que usas.
FAQ
¿Cuántos colores debe tener una paleta de marca?
A la mayoría de las marcas pequeñas les va bien con tres a cinco: un color oscuro para el texto, uno claro para los fondos, un color principal y uno o dos de acento para botones y detalles.
¿Puedo empezar con el color de mi logo?
Sí. Pulsa el lápiz de una muestra y elige tu color o escribe su código. La herramienta lo bloquea y los colores nuevos se crean para combinar con él.
¿Se guarda la paleta?
Solo en el enlace. La herramienta funciona en tu navegador y no guarda nada. Copia el enlace o guarda la página en favoritos para volver a los mismos colores.
¿Qué es OKLCH?
Una forma de escribir un color como luminosidad, croma (qué tan intenso es) y tono. Los pasos en OKLCH se ven parejos al ojo, así que una paleta hecha con él tiene una transición suave de oscuro a claro.
¿Puedo usar los colores gratis?
Sí. Los colores no son de nadie. Usa la paleta en tu marca, tu web o tus publicaciones.