Extractor de Colores
Extrae colores dominantes de cualquier imagen. HEX, RGB, HSL, WCAG y más.
Arrastra una imagen o haz clic
JPG, PNG, WebP, SVG — 100% local y privado
#000000rgb(0,0,0)
Haz clic para capturar colores
Analizando...
Colores:
Orden:
Paleta Extraída
Formatos de Código
Colores capturados
Matriz de Contraste
WCAG 2.1
Esquemas Armónicos
Basados en el color dominante
Historial
Preguntas Frecuentes
¿Cómo extraer los colores de una imagen?
- Carga tu imagen: arrastra un JPG, PNG, WebP o SVG al área de carga.
- Análisis automático: el motor identifica los colores dominantes en milisegundos.
- Copia los códigos: obtén los valores HEX, RGB y HSL listos para usar en Figma, CSS o tu editor.
¿Para qué sirve extraer colores?
El extractor es fundamental para diseñadores y desarrolladores que necesitan crear una identidad visual coherente. Extraer los colores exactos de un logo o fotografía garantiza que tu paleta digital coincida perfectamente con el original.
Privacidad
Tu imagen se analiza 100% localmente en tu navegador. Nunca se sube a ningún servidor.
Formatos de color en diseño web
HEX
#FF5733CSS, HTML, diseño webRGB
rgb(255, 87, 51)CSS, programaciónHSL
hsl(11, 100%, 60%)Ajuste creativo, CSS modernoCMYK
0, 66, 80, 0Impresión profesionalPsicología del color en branding
Azul
Confianza, tecnología, seguridad. (Meta, Samsung, PayPal)
Rojo
Urgencia, energía, pasión. (Netflix, Coca-Cola, YouTube)
Verde
Naturaleza, salud, crecimiento. (Spotify, WhatsApp)
Amarillo
Optimismo, creatividad, atención. (McDonald's, IKEA)