¿Mis imágenes se suben a algún servidor?

No. El procesamiento de la imagen y la extracción de colores se realiza de forma 100 % local en la memoria de tu navegador mediante HTML5 Canvas y Web APIs. Tus fotos y capturas nunca salen de tu ordenador o teléfono móvil.

¿Cómo puedo pegar una captura de pantalla directamente?

Simplemente haz una captura de pantalla (con la tecla Impr Pant, Recortes o Win+Shift+S en Windows / Cmd+Shift+4 en Mac) y pulsa Ctrl+V (o Cmd+V) en cualquier parte de esta página.

¿Qué formatos de color proporciona?

Proporciona códigos en formato HEX (#RRGGBB), RGB (rgb(r,g,b)), HSL, HSV/HSB, CMYK para imprenta, variables CSS nativas, clases de Tailwind CSS y código para desarrollo móvil en Swift.

¿Qué es la verificación de accesibilidad WCAG?

Evalúa el contraste lumínico del color seleccionado frente a fondos blancos y negros para garantizar que los textos superen las pautas internacionales de accesibilidad WCAG 2.1 en niveles AA y AAA.

Selector de color de imagen

Haz clic en cualquier punto de tu imagen para obtener el código de color exacto o extraer la paleta completa. Procesamiento 100 % privado en tu navegador.

Sin envíos al servidor

Arrastra y suelta tu imagen aquí

o pulsa para explorar archivos desde tu dispositivo

Ctrl + V para pegar capturas del portapapeles

PNG • JPG • WEBP • SVG • GIF • AVIF

Azul brillante

#3B82F6

rgb(59, 130, 246)

Códigos de color

HEX #3b82f6

RGB rgb(59, 130, 246)

HSL hsl(217, 91%, 60%)

HSV hsv(217, 76%, 96%)

CMYK cmyk(76%, 47%, 0%, 4%)

CSS --color-brand: #3b82f6;

Tailwind bg-[#3b82f6]

Accesibilidad y Contraste WCAG 2.1

Texto ejemplo

Sobre blanco 3.4:1

AA Grande AAA No

Texto ejemplo

Sobre oscuro 6.2:1

AA Pasa AAA Grande

Paleta dominante de la imagen

Carga una imagen para extraer sus colores dominantes automáticamente.

Armonías cromáticas

Complementario & Análogos

Escala de luminosidad

Lupa interactiva de píxeles

Navega por la imagen con precisión milimétrica. La lupa flotante aumenta cada píxel x12 mostrando la retícula exacta y permitiéndote seleccionar tonos sutiles, bordes con antialiasing o iconos diminutos.

Cuantización de paletas

El algoritmo de agrupamiento cromático procesa la distribución de canales RGB de la imagen para extraer los colores dominantes más representativos y crear esquemas de diseño balanceados al instante.

Privacidad absoluta

A diferencia de conversores tradicionales que suben fotos a servidores remotos, toda la decodificación de imagen y cálculo matricial se ejecuta 100 % en el hardware de tu navegador mediante Canvas API.

Preguntas frecuentes

¿Cómo puedo seleccionar colores fuera del navegador?

Si utilizas un navegador compatible con la API moderna EyeDropper (como Google Chrome, Microsoft Edge u Opera en escritorio), verás el botón Cuentagotas en la cabecera superior. Al pulsarlo, podrás hacer clic en cualquier ventana, pestaña o aplicación de tu pantalla.

¿Qué diferencia hay entre los formatos HEX, RGB, HSL y CMYK?

HEX: Código hexadecimal de 6 dígitos (#RRGGBB), el estándar clásico de la web.
RGB: Valores de 0 a 255 para luz Roja, Verde y Azul en pantallas.
HSL: Tono (Hue en grados 0-360°), Saturación y Luminosidad, ideal para ajustar variaciones de brillo.
CMYK: Cian, Magenta, Amarillo y Negro, la escala utilizada para impresión física.

¿Cómo funciona el comprobador de contraste WCAG?

Calcula la luminancia relativa según la norma internacional WCAG 2.1. Un ratio de al menos 4.5:1 es obligatorio para texto estándar (Nivel AA) y 7:1 para nivel estricto (Nivel AAA). La herramienta evalúa tu color automáticamente sobre fondos claros y oscuros.