Generador de paletas de colores

Pulsa la barra espaciadora para generar una nueva paleta de colores, bloquea los colores que quieres conservar y mezcla el resto. Ajusta, revisa la accesibilidad y exporta cuando estés conforme.

Cómo usar el generador de paletas de colores

  1. Pulsa el botón Generar o la barra espaciadora para crear una nueva paleta. Si quieres una estructura concreta, elige antes una armonía como análoga, triádica o complementaria.
  2. Bloquea los colores que te gustan con el icono del candado. Los colores bloqueados se quedan mientras los demás cambian. Haz clic en un código hex para escribir tu propio color y usa las flechas para reordenar.
  3. Abre Ajustar para cambiar juntos el tono, la saturación y el brillo, Tonos para elegir un tinte o una sombra de un color, o Accesibilidad para ver el contraste y las pruebas de visión del color.
  4. Exporta la paleta como código CSS, SCSS, Tailwind, JSON, SVG, PDF, design tokens, Swift, Android o Flutter y más, o guárdala en este dispositivo.

Qué puedes hacer

  • Bloquear y mezclar

    Bloquea cualquier color y sigue generando. Deshacer y rehacer te llevan por las paletas anteriores.

  • Modos de armonía

    Genera paletas aleatorias, análogas, monocromáticas, triádicas, complementarias, complementarias divididas o tetrádicas.

  • De dos a diez colores

    Agrega o quita colores para crear una paleta de entre 2 y 10 colores.

  • Pruebas de accesibilidad

    Una matriz de contraste muestra los resultados WCAG y APCA de cada par, y una prueba de visión del color señala los colores que se confunden con protanopía, deuteranopía y tritanopía.

  • Garantías

    Define las reglas que debe cumplir la paleta, como pares de texto legibles, seguridad para daltonismo o tonos excluidos, y el generador crea una paleta que las cumple.

  • Previsualizar y presentar

    Mira la paleta en una maqueta de sitio web en el visualizador, crea un sistema de color con ella en el Studio o muéstrala a pantalla completa.

Preguntas frecuentes

¿Qué es un generador de paletas de colores?

Un generador de paletas de colores crea conjuntos de colores que combinan bien entre sí. Generas una paleta, conservas los colores que te gustan y cambias el resto hasta que el conjunto va con tu marca, tu interfaz o tu ilustración. GetColors puede crear una paleta a partir de una regla de armonía como análoga o triádica, para que los colores se relacionen entre sí en lugar de ser aleatorios.

¿Cómo genero una paleta de colores?

Abre el generador y pulsa la barra espaciadora o el botón Generar. Cada pulsación crea una paleta nueva. Bloquea los colores que quieres conservar y vuelve a generar para reemplazar solo los que no están bloqueados.

¿Cómo creo una paleta a partir de un color?

Haz clic en un código hex y escribe tu color, bloquéalo, elige una armonía como análoga o complementaria y genera. El color bloqueado se queda y los demás se crean a su alrededor. También puedes partir de una foto con el selector de colores de imagen.

¿Cuántos colores puede tener una paleta?

De dos a diez. De tres a cinco colores son los más fáciles de aplicar a una interfaz o a una marca. Usa más para gráficos, ilustración o una gama más amplia de tintes.

¿Puedo guardar o compartir mi paleta?

Sí. La paleta se guarda en la dirección de la página, así que puedes copiar el enlace para compartirla. Guardar la conserva en este dispositivo, y el cuadro de exportación ofrece código y archivos en muchos formatos.