Selector de Color de Imagen
Extrae colores de cualquier imagen al instante. Genera sombras, armonías visuales y comprueba el contraste WCAG. Todo gratis y sin registros.
Clic para extraer píxel
Sube o pega tu imagen
Haz clic, arrastra un archivo o pulsa Ctrl + V para pegar del portapapeles.
Color Seleccionado
Sombras y Tonos
Variaciones matemáticas creadas al añadir negro (sombras) o blanco (tonos) a tu color base. Haz clic en cualquier franja para copiar su HEX.
Sombras (Shades)
Tonos (Tints)
Combinaciones y Armonías
Usa la teoría del color para crear paletas que funcionen visualmente juntas basadas en la rueda cromática. Clic para copiar.
Complementario
El color opuesto en la rueda. Alto impacto y contraste vibrante.
Análogo
Colores adyacentes. Crea transiciones suaves y diseños naturales.
Triádico
Tres colores espaciados equitativamente. Equilibrado pero enérgico.
Complementario Dividido
Contraste alto pero con menos tensión visual que el complementario puro.
Tetrádico
Cuatro colores formados por dos pares complementarios. Muy rico.
Monocromático
Mismo tono base pero variando luminosidad y saturación. Muy sutil.
Verificador de Contraste (WCAG)
Prueba cómo se lee el texto sobre tu color base para asegurar que cumple las normativas de accesibilidad web (A11Y).
Texto Grande
Este es un ejemplo de texto normal para lectura sobre tu fondo.
Texto Grande
Este es un ejemplo de texto normal para lectura sobre tu fondo.
Simulador de Daltonismo
Descubre cómo perciben tu color base las personas con diferentes deficiencias visuales (8% de la población masculina).
Visión Normal
Color base original
Protanopía
Ceguera al rojo
Deuteranopía
Ceguera al verde
Tritanopía
Ceguera al azul
Acromatopsia
Monocromatismo
El Selector de Color de Imagen Online Definitivo
Diseñadores gráficos, desarrolladores frontend y especialistas en marketing se enfrentan a diario al mismo problema: encontrar ese tono exacto que han visto en una fotografía, logotipo o captura de pantalla. Extraer un color hexadecimal gratis nunca había sido tan fácil ni tan completo como con nuestra suite de herramientas integradas.
Todo el ecosistema del color en tu navegador
Esta no es solo una herramienta para averiguar el código HEX de un píxel. Una vez que haces clic en la imagen (o introduces un color manualmente), nuestro motor matemático Client-Side genera instantáneamente todo lo que necesitas para tu sistema de diseño:
- Sombras y Tonos (Tints & Shades): Variaciones perfectas al 10% para crear estados hover o active en botones UI.
- Armonías Cromáticas: Basadas en la rueda HSL, te sugerimos los colores complementarios y análogos que matemáticamente encajan con tu selección.
- Verificador de Accesibilidad (WCAG): Evalúa en tiempo real si el color elegido tiene el contraste suficiente (ratio 4.5:1) para que los textos sean legibles por todos los usuarios, mejorando tu UX y tu SEO.