135 · Diseño y Web

Generador de paleta de colores

Elige un color base y una armonía para obtener una paleta. Haga clic en una muestra para copiar su código hexadecimal.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Generador de paleta de colores

#4f46e5

Cómo utilizar el generador de paleta de colores

  1. Elige un color base o genera uno aleatorio.
  2. Elige una armonía.
  3. Haga clic en las muestras para copiarlas o copie toda la paleta.

Armonías de color

  • análogo: vecinos en la rueda de colores; tranquilo y cohesivo.
  • Complementario: opuestos; alto contraste para acentos.
  • triádico: tres colores espaciados uniformemente; animado pero equilibrado.
  • Matices y sombras: un tono de muy claro a muy oscuro, ideal para sistemas de diseño de interfaz de usuario.

Ejemplos

#4f46e5, análogo

De azules a violetas

#4f46e5, tintes y sombras

--color-50 … --color-900

Preguntas

¿Los colores son accesibles?

Una paleta no garantiza texto legible. Verifique los pares de texto y fondo con el contraste que se muestra en el <a href="/tools/css-button-generator/">generador de botones CSS</a>.

Traducción automática. Revisar resultados importantes.