Entra un color de marca. Sale un sistema de color que funciona.
GetColors convierte un color de marca en roles de interfaz claros y oscuros, revisa el contraste de cada combinación y lo exporta para Tailwind v4, shadcn/ui, CSS puro o design tokens. Tus agentes de IA pueden usar las mismas herramientas por MCP.
Cómo funciona GetColors
- Empieza con un color de marca. Escribe un código hex, elígelo con el selector de color o tómalo de una imagen o de un sitio web existente.
- GetColors crea a partir de él un tema claro y uno oscuro en OKLCH, con roles como canvas, surface, ink, primary y accent.
- Cada par de roles se verifica con el contraste WCAG 2 en ambos temas, y el Studio te muestra qué pares aún necesitan ajustes.
- Exporta el sistema como variables CSS, light-dark(), Tailwind v4, shadcn/ui o design tokens, o deja que un agente de IA use las mismas herramientas mediante MCP.
Qué puedes hacer con GetColors
Crear un sistema de color
Convierte un color de marca en roles de interfaz claros y oscuros en OKLCH, con vistas previas en vivo de ambos temas.
Generar paletas de colores
Bloquea los colores que te gustan y mezcla el resto, prueba armonías como análoga, triádica y complementaria, y mira cómo se ve una paleta con daltonismo.
Verificar el contraste
Prueba cualquier par de texto y fondo con WCAG 2.1 y APCA, y corrige automáticamente un color de texto que no pasa.
Auditar los colores que ya tienes
Pega CSS, un tema de Tailwind o los globals de shadcn para encontrar fallos de contraste, colores casi duplicados, valores escritos a mano y roles oscuros faltantes. La auditoría se ejecuta en tu navegador.
Explorar paletas, degradados y nombres de colores
Explora paletas de colores y degradados CSS seleccionados por estado de ánimo, tema o tono, y busca colores con nombre junto con sus valores HEX, RGB y OKLCH.
Úsalo donde trabajas
Una extensión de Chrome, un plugin de Figma, una API REST, un servidor MCP para agentes de IA y un registro de shadcn/ui usan el mismo motor que el sitio web.
Preguntas frecuentes
¿Qué es GetColors?
GetColors es un conjunto de herramientas de color para diseñadores y desarrolladores: un generador de paletas de colores, un estudio de sistemas de color, un verificador de contraste, un generador de escalas Tailwind, un selector de colores de imágenes y más. No necesitas una cuenta para usar las herramientas de color.
¿GetColors es gratis?
Sí. Todas las herramientas de color principales y las exportaciones son gratuitas. GetColors Pro es un plan aparte que agrega una biblioteca de paletas en la nube más grande y permite que los agentes de IA trabajen con ella.
¿Qué es un sistema de color?
Un sistema de color le da una función a cada color. En lugar de una paleta suelta, define roles como fondo, texto, acción principal y borde, en un tema claro y uno oscuro, para que cada combinación se pueda verificar por contraste y reutilizar de forma consistente en el código.
¿Qué es OKLCH y por qué lo usa GetColors?
OKLCH describe un color por su luminosidad, su croma y su tono, en un espacio donde pasos numéricos iguales se ven como pasos visuales iguales. Así es más fácil mantener parejas las escalas y los temas, y Tailwind v4 usa OKLCH para su propia paleta.
¿Pueden los agentes de IA usar GetColors?
Sí. GetColors tiene un servidor MCP, así que Claude, Cursor y otros clientes MCP pueden generar paletas, verificar el contraste, crear escalas Tailwind y sistemas de color, y auditar los colores de un código base. Las herramientas gratuitas no necesitan token.