1. Carga la imagen de origen
Busca, arrastra o pega una imagen. El navegador adapta los archivos grandes al espacio de trabajo sin romper la relación de píxeles usada para el muestreo.
Muestreador de color privado en el navegador
Selector de color de imagen con HEX, RGB y HSB
Arrastra, busca o pega una imagen y selecciona el área que quieres examinar. Toon Tone convierte ese píxel en valores HEX, RGB y HSB listos para copiar y permite reunir una pequeña paleta de trabajo.
Actualizado el 21 de julio de 2026
selector de color de imagen
¿Qué hace este selector de color de imagen?
Este selector de color de imagen lee los datos rojo, verde, azul y alfa del píxel exacto elegido en un lienzo del navegador. Muestra ese mismo píxel como HEX de seis dígitos, RGB y HSB, indica sus coordenadas y permite guardar hasta cinco colores en una paleta descargable. Los archivos cargados o pegados permanecen en la pestaña actual y no se envían a un servidor de Toon Tone.
Elige un color exacto de tu imagen
Elige un color exacto de tu imagen
Usa la ilustración de muestra o sustitúyela por una imagen JPG, PNG, WebP, GIF u otro formato compatible con el navegador. Haz clic o arrastra sobre el lienzo.
Procesamiento local: la imagen no se sube
Suelta una imagen aquío elige un archivo del dispositivo
También puedes pegar una imagen desde el portapapeles. · Imagen compatible con el navegador · máximo 12 MBTu paleta de cinco colores
Tu paleta de cinco colores
Guarda muestras distintas, copia la paleta o exporta un PNG etiquetado.
Selecciona un color y añádelo aquí. Puedes guardar hasta cinco.
Imagen lista. Haz clic en cualquier zona para tomar un píxel.
Procesamiento local: la imagen no se sube
Tu imagen permanece en esta pestaña
El selector decodifica el archivo con las API de imagen del navegador y lee los píxeles desde un lienzo local. No hay endpoint de carga, cuenta, biblioteca en la nube ni guardado en segundo plano. Al cerrar o recargar la pestaña se borra la imagen de trabajo y la paleta.
- Sin carga al servidor
- Sin cuenta obligatoria
- La exportación se crea en tu dispositivo
Cómo elegir un color de una imagen
Una muestra fiable comienza con un área bien definida y termina con un código registrado. Estos tres pasos mantienen unidas la imagen, el píxel y la salida.
2. Elige la superficie correcta
Selecciona una zona interior plana y evita bordes suavizados, brillos, sombras o bloques de compresión. Confirma el píxel en la cuadrícula ampliada.
3. Copia o guarda el resultado
Copia HEX, RGB o HSB para una muestra, o reúne varios colores significativos en una paleta de cinco tonos y descarga la referencia.
Elige el formato de color adecuado para la siguiente tarea
Los formatos describen el mismo píxel visible, pero cada uno facilita una lectura o edición distinta.
| Formato | Ideal para | Qué muestra la herramienta |
|---|---|---|
| HEX | Tokens CSS, notas de diseño y compartir | Código web de seis dígitos |
| RGB | Inspección de canales y gráficos | Rojo, verde y azul de 0 a 255 |
| HSB | Edición visual y práctica Toon Tone | Matiz 0–360°, saturación y brillo 0–100% |
Cuándo ayuda un selector de color de imagen
El muestreo resulta más útil cuando quedan claros la fuente, el área objetivo y el uso previsto.
Estudio de dibujos e ilustraciones
Muestrea una zona plana de ropa, pelo, objeto o fondo, guarda tonos relacionados y observa cómo matiz, saturación y brillo separan la paleta. Usa capturas como referencia de estudio, no como especificaciones oficiales.
Entrega de interfaz y diseño
Lee un píxel de una maqueta o captura, copia su HEX y conserva el archivo original junto al resultado. Comprueba el token aprobado cuando importe la fidelidad exacta de marca o producción.
Práctica de memoria cromática
Elige un color, oculta la fuente, reconstruye la impresión con HSB o Toon Tone y compara el recuerdo con la muestra después de confirmar una respuesta.
Un píxel exacto no siempre es el color representativo
Una imagen es una cuadrícula de píxeles, por lo que la herramienta puede informar los valores rojo, verde y azul almacenados en una coordenada exacta. Esa precisión no decide qué punto representa mejor un objeto. Una camiseta puede contener un color base, un brillo, una sombra, un contorno y bordes suavizados. Todos son píxeles reales, pero solo uno puede responder a la pregunta planteada. Define primero la parte objetivo y toma la muestra en su interior amplio y estable.
Realiza varias lecturas cuando la superficie tenga textura, iluminación, degradados o compresión. Guarda un conjunto pequeño de muestras deliberadas en lugar de hacer clic en muchos puntos al azar. Una paleta con base, luz, sombra, acento y fondo suele ser más informativa que un único código sin contexto. Si necesitas un promedio dominante en vez de un punto, se trata de otro cálculo y debe describirse como paleta extraída o promediada, no como píxel exacto.
Usa la lupa para evitar bordes y píxeles mezclados
Los bordes del arte digital suelen estar suavizados. El navegador mezcla el objeto y el fondo en píxeles cercanos para que una curva parezca limpia a tamaño normal. Un clic sobre esa transición puede producir un color ausente en el interior plano. La cuadrícula ampliada muestra el vecindario del puntero y marca la casilla elegida, por lo que puedes alejarte de contornos, transparencias parciales, texto suavizado y pequeños reflejos antes de guardar el valor.
Las coordenadas del ratón o del toque se traducen de nuevo a la cuadrícula del lienzo aunque la imagen se reduzca para un teléfono o portátil. Quien use teclado puede enfocar el lienzo y mover la selección con las flechas; Mayús aumenta el salto. Las coordenadas pertenecen a la imagen de trabajo decodificada. Conserva el archivo original cuando un flujo de producción necesite posiciones de su resolución nativa completa.
La compresión, la transparencia y los perfiles cambian la muestra
La compresión JPEG puede crear pequeños bloques o halos alrededor de líneas contrastadas, de modo que varios píxeles vecinos difieren aunque el dibujo parezca plano. PNG y WebP pueden contener transparencia y un píxel semitransparente suele combinarse con un fondo antes de percibirse. La herramienta informa la apariencia decodificada del lienzo y muestra el alfa cuando no es totalmente opaco. Muestrea lejos de bordes dañados y anota el formato de origen si reutilizarás el resultado.
El lienzo del navegador trabaja en un flujo orientado a pantalla. Perfiles incrustados, fuentes de gama amplia, gestión de color del sistema, calibración, brillo y colores circundantes afectan la apariencia. Un código puede ser correcto para el píxel decodificado sin demostrar que otro dispositivo, impresión, pintura, producto o archivo oficial use el mismo tono. Para decisiones exactas vuelve al activo autorizado y a su espacio de color documentado.
Continúa a partir de un color muestreado
Preguntas sobre el selector de color de imagen
¿Toon Tone sube mi imagen?
No. La imagen se decodifica y analiza en la pestaña actual. La página no tiene endpoint de carga, biblioteca de cuenta ni guardado en la nube.
¿Qué formatos puedo utilizar?
Puedes usar formatos que el navegador pueda decodificar, normalmente JPG, PNG, WebP, GIF y otros. El límite es de 12 MB para mantener un espacio local ágil.
¿Por qué cambia el color al hacer clic cerca?
Los píxeles vecinos pueden contener suavizado, sombras, luces, textura, transparencia o compresión. Usa la lupa y elige una zona interior estable para obtener un color base.
¿Son exactos los valores HEX y RGB?
Son exactos para el píxel del lienzo decodificado. No demuestran que una captura coincida con el archivo original, otro perfil, una pantalla calibrada, una impresión o un producto.
¿Puedo crear una paleta de una imagen?
Sí. Guarda hasta cinco colores distintos y copia sus valores HEX, RGB y HSB o descarga un PNG etiquetado.
¿HSB es lo mismo que HSL?
No. HSB suele equivaler a HSV, mientras HSL calcula su eje de luminosidad de otra manera. Conserva HEX o RGB junto a los porcentajes convertidos.