Herramientas de color y paletas

Herramientas de color y paletas

Explora 6.200+ paletas seleccionadas o crea las tuyas a partir de una rueda de armonías, un estado de ánimo o un solo color de marca: comprueba el contraste WCAG, crea sombras y tintes y exporta a variables CSS, Tailwind, SCSS, tokens JSON o Figma.

Herramientas de color

Paletas con metadatos

Cada paleta de la biblioteca tiene nombre, estado de ánimo, tipo de armonía, temperatura y tono, así que puedes filtrar por la sensación que buscas en lugar de desplazarte sin fin. Todas se exportan como CSS, SCSS, Tailwind, JSON o un tablero de Figma.

Genera paletas para interfaces reales

El generador de paletas está pensado para diseñar UI: rueda de armonías y preajustes de estado de ánimo, modo de tema de UI con roles semánticos, comprobación del contraste WCAG en cada par y tokens de diseño que puedes llevar directamente a tu código.

De la imagen a la paleta

Sube una foto, un logotipo o una captura de pantalla y extrae sus colores dominantes, con nombres, valores HEX/RGB/HSL/OKLCH y guardado en tus paletas con un clic.

Colors API y Palettes API

Convierte colores, obtén sus nombres y armonías o busca en la biblioteca de paletas mediante una API REST gratuita y MCP.

Preguntas frecuentes

El generador muestra el contraste WCAG AA/AAA de los pares de texto y fondo mientras creas la paleta, y el verificador de contraste comprueba dos colores cualesquiera.

Propiedades personalizadas de CSS, variables SCSS, configuración de Tailwind, tokens de diseño JSON, muestras PNG/SVG y un tablero de Figma listo para pegar.