Drag and drop an image here, or click to browse (PNG, JPG, WebP, AVIF)
Genera paletas de color equilibradas a partir de cualquier imagen y diseña gradientes CSS listos para usar en tus proyectos web con verificación de accesibilidad WCAG.
Extrae paletas de color de tus fotos, crea gradientes CSS modernos y comprueba el contraste accesible WCAG.
Arrastra una imagen para extraer automáticamente sus colores dominantes.
Copia valores en formato HEX, RGB o HSL con un solo clic.
Combina colores en gradientes lineales o radiales con código listo para copiar.
Identifica colores principales y tonos secundarios en milisegundos.
Soporte completo para HEX, RGB y HSL.
Comprueba si las combinaciones de color cumplen con las normas de contraste accesible.
Tus fotos no se suben a ningún servidor.
Asegura una relación de contraste mínima de 4.5:1 para textos normales según la norma WCAG AA.
Usa valores HSL para crear fácilmente variantes claras y oscuras de un mismo color.
Analiza los píxeles de la imagen localmente mediante HTML5 Canvas para agrupar los tonos dominantes.
Son estándares de accesibilidad que aseguran que el texto sea legible para todas las personas.
Sí, puedes copiar los valores HEX directamente en tu configuración de Tailwind.
No, todo se procesa en la memoria de tu navegador.
Sí, totalmente gratis.