Sacar el color de una imagen
Añade una foto y haz clic donde quieras saber el color. También puedes escribir un código sin usar ninguna foto.
Tus archivos y textos no se suben a ningún sitio. Todo se procesa en esta página.
Sobre este color se lee mejor el texto blanco.
WCAG para texto normal: AA es 4,5 o más, AAA es 7 o más.
Opuesto en el círculo cromático. Es el contraste más fuerte.
Toca un color para copiarlo. Toca dos veces para usarlo como tu color.
Si dos colores se ven iguales a la derecha, no te apoyes solo en el color para distinguirlos. Es una aproximación.
Fuente (consultada el 19 de octubre de 2026): W3C WCAG 2.2 (1.4.3, 1.4.6)
Cómo se usa
- Añade una foto, o escribe directamente un código HEX.
- Haz clic o desliza el dedo sobre la foto, o pulsa uno de los colores principales.
- Copia el código, un color que combine o la escala de tonos para CSS.
Preguntas frecuentes
¿En qué formatos puedo copiar el color?
En HEX (como #4c2fe7), RGB y HSL. La escala de tonos del 50 al 950 también se copia como variables CSS, colores de Tailwind, variables SCSS o JSON.
¿Cómo se eligen los colores principales?
Se agrupan los colores parecidos y se listan los grupos con más píxeles, con su porcentaje de la imagen. Los grupos muy pequeños no aparecen.
¿Qué significan las etiquetas de contraste?
Siguen las WCAG para texto normal: AA exige una relación de 4,5 o más y AAA de 7 o más. En texto grande bastan 3 para AA y 4,5 para AAA.
¿Se envía mi foto para sacar sus colores?
No. La foto se lee en esta página y se queda en tu dispositivo.
Más herramientas
