← Volver a las herramientas

Generador de paletas de colores

Genera paletas pulidas de cinco colores con un clic, bloquea las muestras que te gusten y expórtalas para sistemas de diseño, maquetas o código.

Espacio de trabajo de paletas

Pulsa Espacio para volver a mezclar, haz clic en una muestra para editarla y bloquea los colores que quieras conservar.

Modo Aleatorio
Bloqueado 0
Muestras 0

Relaciones de contraste WCAG

Comprobaciones de accesibilidad entre muestras adyacentes y blanco frente a tu primer color.

Mejor puntuación adyacente No aprobado
vs.
0:1

Crea mejores sistemas de color más rápido

Este generador de paletas ayuda a diseñadores, desarrolladores y especialistas en marketing a crear sistemas de color equilibrados rápidamente — ya sea que necesites colores de marca, acentos de interfaz o inspiración para una nueva dirección visual.

Modos de armonía

Alterna entre paletas análogas, complementarias, triádicas, monocromáticas, pastel, vibrantes, apagadas, de tonos tierra y neón.

Opciones de exportación

Lleva tu paleta al diseño y al código con PNG, variables CSS, configuración de Tailwind, variables SCSS, JSON o una URL para compartir.

Bloquea lo que funciona

Conserva colores de anclaje sólidos y vuelve a generar a su alrededor hasta que toda la paleta quede donde tú quieres.

Comprobaciones de accesibilidad

Usa las relaciones WCAG integradas para detectar combinaciones débiles a tiempo, antes de que lleguen a producción.

Preguntas frecuentes

¿Qué es el contraste WCAG?+
WCAG (Web Content Accessibility Guidelines) define relaciones de contraste para texto accesible. AAA es la puntuación más alta (7:1+), AA es aceptable (4,5:1+) y AA Grande funciona para texto más grande (3:1+).
¿Cómo edito un color concreto?+
Haz clic en cualquier muestra para abrir un selector de color. Puedes ajustar cada color con precisión mientras conservas los demás. Bloquea los colores que quieras conservar antes de volver a generar.
¿Qué formato de exportación debería usar?+
Usa CSS para proyectos web puros, Tailwind para proyectos con Tailwind CSS, SCSS para proyectos Sass y JSON para herramientas de JavaScript o de diseño. PNG es ideal para compartir o para la documentación.
¿Esta herramienta es gratis?+
Sí, totalmente gratis y sin límites. No requiere registro, sin marcas de agua.

Más información

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations
Disponible paramacOS&Windows

Haz que cada captura parezca profesional.

ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.

Descubre ScreenSnap Pro

Herramientas relacionadas