Generador de paleta de colores

Encuentre un esquema de color que le guste en unas pocas pulsaciones de teclas, luego vea cómo funciona en una página real.

Cómo hacer una paleta de colores

  1. Presione Espacio para generar y bloquear los colores que desee.
  2. Haga clic en un HEX para editar, use el botón de sombras, arrastre para reordenar, + para agregar.
  3. Previsualizar, comprobar el contraste y, a continuación, exportar o copiar el enlace.

Acerca de Generador de paletas de colores

Genera hermosas paletas de colores con la barra espaciadora.

Todo funciona en su navegador, por lo que es instantáneo y privado. Sus colores y configuraciones recientes se recuerdan en este dispositivo, y la barra de direcciones mantiene su color para que pueda compartirlo o marcarlo.

Ideal para

  • Identidades de marca y sitios web
  • Temas y cuadros de mando de IU
  • Ilustraciones, presentaciones y publicaciones sociales

Consejo: Deshacer con Ctrl + Z si genera más allá de una paleta que le gustó.

Preguntas frecuentes

¿Cómo hago una paleta?

Presione la barra espaciadora (o Generar). Bloquee los colores que desee y vuelva a presionar Espacio — solo cambian los desbloqueados. Haga clic en un código HEX para ajustarlo.

¿Qué modos de armonía hay?

Auto, análogo, monocromático, complementario, triádico, complementario dividido, tetrádico, pastel, vívido, oscuro y temperamental, terroso y neutros con acento, todo hecho en OKLCH para que los pasos de ligereza parezcan equilibrados.

¿Puedo ver la paleta en un diseño real?

“Previsualización del sitio web” lo aplica a una página de muestra, “Contraste” muestra qué pares son legibles y “Ciego de color” muestra la paleta a medida que las personas con deficiencia de visión del color lo ven.

¿Cómo puedo exportarlo o compartirlo?

Exporte como CSS, SCSS, Tailwind, JSON, PNG, SVG, GIMP/Inkscape .gpl o Adobe .ase o copie el enlace; la paleta se almacena en ella. Guarde los favoritos en su navegador con Guardar.

¿Cuántos colores debe tener una paleta?

Cinco es un buen comienzo: uno o dos colores principales, un neutro para fondos y texto, y un acento para botones y enlaces.

Herramientas relacionadas

← Volver a todas las herramientas