Una herramienta para diseñadores
Sobre Paletadecolor.es
Paletadecolor.es es un editor de paletas OKLCH creado para diseñadores que entregan productos reales:
rampas armónicas, contraste WCAG, exportación lista para Tailwind/CSS y un flujo
asistido por IA que se integra con Figma y Claude.
01 · Por qué existe
Eligir colores no debería ralentizar tu proyecto
Paletadecolor.es nace de una frustración real: en los proyectos de diseño, definir el sistema de color suele convertirse en horas de iteración manual con HEX y HSL, comparando swatches uno por uno hasta que "se ve bien". Eso no escala, no documenta y rompe la accesibilidad.
Construimos Paletadecolor.es para que cualquier diseñador pueda generar una paleta completa, validar contraste y exportarla a su stack favorito en minutos — no en horas.
10×
Más rápido
11 stops por matiz en un click vs ajustar swatches uno por uno.
A11y
Accesibilidad nativa
Validación WCAG y simulación de daltonismo integrada.
∞
Tu stack
Exporta a Tailwind, CSS, JSON, W3C tokens, SVG y PDF.
02 · Cómo te ayuda como diseñador
Mejores entregables, mejor percepción de seniority
Paletadecolor.es no es solo un picker de colores. Es una herramienta de proceso: te permite presentar sistemas de color completos desde la primera reunión con cliente y exportar tokens listos para producción.
A
Presenta sistemas, no swatches
En vez de mostrar 5 colores sueltos, llegas con 5 rampas de 11 stops armónicas. El cliente ve diseño maduro, tu equipo de devs ya tiene tokens.
B
Cumple WCAG sin retrabajo
Las validaciones AA/AAA por stop te muestran qué combinaciones funcionan antes de que el revisor accesibilidad rechace tu propuesta.
C
Tokens listos para handoff
Exporta directo a Tailwind config, variables CSS, W3C tokens o SCSS. Sin "yo te paso los HEX por Slack" — tokens reales con naming consistente.
D
IA que respeta tu sistema
Pega los tokens en tu prompt a Claude/Cursor y la IA deja de inventar colores fuera de paleta. Tu sistema se mantiene íntegro durante todo el ciclo.
03 · Preguntas frecuentes
Cómo Paletadecolor.es cambia tus proyectos
Las preguntas que más nos hacen diseñadores y equipos de producto cuando descubren la herramienta.
¿Cómo me ayuda Paletadecolor.es a entregar mejores proyectos?
+
Paletadecolor.es convierte el proceso de definir paletas en una decisión sistematizada. En lugar de elegir colores sueltos, generas rampas de 11 stops por matiz con luminosidad y saturación coherentes, validas WCAG y exportas a CSS, Tailwind, JSON o tokens W3C — todo en una sola herramienta. El cliente ve consistencia, tu equipo de desarrollo tiene tokens listos y tu propuesta se ve más madura.
¿Por qué OKLCH y no HSL o HEX?
+
OKLCH es perceptualmente uniforme: un cambio igual en luminosidad se ve igual al ojo. Con HSL/HEX, dos colores con la misma "L" pueden lucir muy distintos. OKLCH te permite construir rampas armónicas y dark mode coherente sin ajustes manuales constantes. Paletadecolor.es igual exporta a HEX, RGB, HSL y CMYK; OKLCH es solo el motor interno.
¿Sirve si trabajo con Tailwind, Material 3 o un design system propio?
+
Sí. Paletadecolor.es exporta directamente a configuración Tailwind (theme.extend.colors), Variables CSS, SCSS, JSON, Adobe Swatches, SVG y W3C Design Tokens. También trae presets de curvas de Tailwind, Material 3, Radix e iOS para que tus paletas se sientan al estilo del sistema que quieras.
¿Cómo valido contraste y accesibilidad?
+
Cada swatch muestra su badge WCAG (AA, AAA, AA·L o ✗) contra negro y blanco automáticamente. Además puedes simular daltonismo (protanopia, deuteranopia, tritanopia) sobre la paleta completa para validar antes del handoff.
¿Cómo se integra con mi flujo de IA?
+
Las paletas exportadas en JSON, W3C tokens o variables CSS se pegan directamente en prompts a Claude / ChatGPT / Cursor para generar componentes consistentes. Como diseñador, fijas la paleta y la IA ya no inventa colores fuera del sistema.
¿Es gratis? ¿Mis datos están seguros?
+
Paletadecolor.es es 100% gratuito y client-side: tus paletas se guardan en localStorage del navegador, no salen de tu equipo. No hay cuenta, no hay servidor que te trackee. Puedes compartir tu trabajo vía URL con el estado serializado.
¿Puedo usarlo en proyectos comerciales?
+
Sí. Las paletas que generas son tuyas. Paletadecolor.es es una herramienta — no reclama derechos sobre la salida. Úsalo para clientes, productos, branding, packaging o lo que necesites.
¿Cómo afecta esto a mi presupuesto y plazos como freelancer?
+
Acelera la entrega: lo que tomaba horas ajustando swatches se resuelve en minutos. Eso libera horas para trabajo de mayor valor (estrategia, conversación con cliente) y te permite cobrar por valor en lugar de por horas operativas. Además puedes presentar el sistema completo desde la primera reunión, lo cual sube la percepción de seniority.
04 · Empieza ahora
Lleva tus proyectos a otro nivel
Paletadecolor.es es gratis, sin cuenta y funciona en tu navegador. Si lo usas en proyectos serios, escríbenos para escuchar tu feedback y mejorar la herramienta.