Un generador de paleta de colores convierte un solo color base en paletas listas para producción (complementaria, análoga, triádica, complementaria dividida) que puedes pegar directamente en CSS o JSON. SWEDevTools: Prism genera paletas usando rotación de tono OKLCH para pasos perceptualmente más uniformes que el cambio simple de HSL, y soporta salida como listas hex, variables CSS o JSON estructurado — todo localmente en tu navegador.
Puedes pegar formatos de color CSS comunes como #RRGGBB hex, rgb(), hsl() y muchos colores CSS con nombre. La herramienta usa la primera línea como color base.
Complementaria, análoga, triádica y complementaria dividida. Puedes generar un solo tipo o todos juntos.
Sí. Elige la salida de variables CSS para generar un bloque :root que puedes pegar en tu app y mapear a tokens como --color-base y --color-analogous-1.
Actualmente no. Para accesibilidad, combina la paleta generada con un verificador de contraste y valida las combinaciones clave de primer plano/fondo (por ejemplo, texto sobre primario).
Frecuentemente sí para trabajo de UI — OKLCH está diseñado para ser perceptualmente uniforme, así que las rotaciones de tono tienden a producir pasos de apariencia más consistente que los cambios simples de HSL.
Usa la salida JSON y luego mapéala a tu formato de tokens (Style Dictionary, colores de tema Tailwind, variables CSS o un paso de construcción personalizado).
Esta herramienta genera una paleta solo desde la primera línea. Si tienes múltiples colores de marca, ejecútala una vez por color base y guarda las salidas en tu repositorio de tokens.
No. El generador se ejecuta completamente en tu navegador para privacidad y velocidad.
smalldev.tools ya no está disponible. Prism de SWEDevTools ofrece las mismas herramientas para desarrolladores y más, con soporte offline, encadenamiento de pipelines y uso completamente gratuito — sin necesidad de registrarse.
Sí. Prism convierte colores y genera paletas completamente offline en tu navegador. Sin registro, sin anuncios, y puedes encadenar herramientas de color con otras utilidades de Prism en pipelines.