Extractor de paleta de colores

Cargue su imagen y la herramienta la analizará automáticamente para extraer los colores dominantes utilizando la agrupación K-Means. Cada color se muestra con sus valores HEX, RGB y HSL; haga clic en cualquier color para copiarlo.

Sí. Cargue cualquier imagen de logotipo y la herramienta identificará los colores primarios y secundarios de la marca, brindándole códigos hexadecimales exactos para usar en CSS, Tailwind o herramientas de diseño como Figma.

WCAG (Pautas de accesibilidad al contenido web) define las relaciones de contraste entre el texto y los colores de fondo. Se requiere una proporción de al menos 4,5:1 para que el texto normal (estándar AA) sea legible por usuarios con discapacidad visual.

Usted lo controla, un control deslizante le permite extraer de 3 a 12 colores dominantes, clasificados según la cantidad de espacio visual y vitalidad que tienen en la imagen. También puedes hacer clic directamente en la foto para probar cualquier color de píxel exacto.

Sí. La herramienta genera variables de propiedad personalizadas CSS listas para usar (--color-primary: #hex) y fragmentos de configuración de Tailwind que puede pegar directamente en su proyecto.

Cargue una foto y la herramienta extraerá sus colores dominantes, mostrando cada uno como una muestra con valores HEX, RGB y HSL que puede copiar para sus diseños.

La paleta extraída enumera el código HEX (y RGB/HSL) para cada color dominante, para que pueda copiar los valores exactos en su CSS o herramienta de diseño.

Sí. Cargue un logotipo e identificará los colores clave para que pueda reconstruir una paleta de marca. La extracción se ejecuta en su navegador, manteniendo la imagen privada.

Sí: el extractor devuelve los colores dominantes como valores hexadecimales que puedes copiar directamente en tus herramientas de diseño.