Saltar al contenido
Color Codes

Generador de paletas

Generador de paletas de colores: bloquea y exporta

Genera paletas de colores con un clic: pulsa Espacio para cambiar, bloquea los colores que te gustan y exporta CSS, SCSS, Tailwind o JSON.

5 colores
≈ DarkSlateGray
≈ DarkGreen
≈ LightCyan
≈ DarkCyan
≈ SkyBlue
Comprobar daltonismo

Texto legible sobre cada color

Exportar

:root {
  --color-1: #1F2917;
  --color-2: #006C41;
  --color-3: #D7F1ED;
  --color-4: #0095A8;
  --color-5: #94C3E2;
}

Cómo usar esta herramienta

Cada paleta se crea en el espacio de color OKLCH, así los pasos de luminosidad son uniformes y los colores quedan equilibrados. Elige un estilo como análogo, complementario o pastel, bloquea los colores que quieras conservar y genera hasta que la paleta encaje con tu proyecto. La URL se actualiza con cada paleta para que puedas guardarla o compartirla.

  1. 1 Pulsa Espacio o Generar para crear una paleta nueva.
  2. 2 Bloquea los colores que te gustan y genera el resto.
  3. 3 Copia los HEX, guarda en Mis paletas o exporta el código.

Preguntas frecuentes

¿Cómo elige los colores el generador de paletas?

Elige un tono base y coloca los demás colores con una regla de armonía (análoga, complementaria, triádica, monocromática o pastel) en OKLCH. La luminosidad se reparte de oscuro a claro para que cada paleta tenga contraste útil.

¿Puedo conservar un color y cambiar los demás?

Sí. Bloquea un color con el candado: se queda en su sitio y sirve de base de tono para las siguientes paletas. También puedes editar cualquier color directamente.

¿Cómo comparto una paleta?

La URL de la página siempre contiene los colores actuales, por ejemplo ?colors=1F2917-006C41-D7F1ED. Copia el enlace para compartirla o guárdala en marcadores.

¿Las paletas generadas son accesibles?

Cada color muestra el color de texto más legible y su ratio de contraste. Usa la comprobación de daltonismo para asegurarte de que los colores importantes se distinguen con deficiencias de visión del color.