1
Sube la imagen
Arrastra la imagen al área de carga o haz clic para elegir un archivo. También puedes pegar una imagen del portapapeles; todo se procesa localmente.
DEVELOP.08 IMAGE COLOR PICKER
Selector de colores de imagen
Sube una imagen y haz clic en cualquier punto para extraer códigos HEX, RGB, HSL y CMYK. Genera paletas automáticamente sin sacar tus datos del navegador.
IMG
Arrastra la imagen aquí
o haz clic para elegir · se admite pegar imágenes
Admite JPG, PNG, GIF, WebP y BMP CLR
HEX
#000000
HEX
#000000 RGB
rgb(0, 0, 0) HSL
hsl(0°, 0%, 0%) CMYK
cmyk(0%, 0%, 0%, 100%) § 01
Cómo extraer códigos de color de imágenes
2
Elige colores
Mueve el ratón sobre la imagen para previsualizar colores y haz clic para capturar el valor exacto de ese píxel.
3
Copia el código
Consulta los formatos HEX, RGB, HSL y CMYK y pulsa el botón de copia para llevar cualquier valor al portapapeles.
§ 02
Preguntas frecuentes
Q1¿Qué formatos de imagen se admiten?
Se admiten JPG, PNG, GIF, WebP y BMP. PNG no tiene pérdidas y ofrece datos de color muy precisos; la compresión JPG puede introducir pequeñas variaciones.
Q2¿Se suben mis imágenes a un servidor?
No. Todo el procesamiento se ejecuta en el navegador y las imágenes nunca se suben, almacenan ni transmiten a un servidor remoto.
Q3¿Qué es un código de color HEX?
Un código HEX contiene 6 caracteres hexadecimales, por ejemplo #FF5733. Los pares representan los canales rojo, verde y azul y es el formato más habitual en desarrollo web.
Q4¿Qué diferencia hay entre RGB y HSL?
RGB usa valores de rojo, verde y azul (0–255) directamente relacionados con la pantalla. HSL usa tono, saturación y luminosidad, un modelo más intuitivo para ajustar paletas.
Q5¿Cuándo debo usar CMYK?
CMYK (cian, magenta, amarillo y negro) es el modelo de impresión. Ayuda a estimar el resultado al llevar colores de pantalla a papel, aunque pueden existir diferencias entre ambos medios.
§ 03
Funciones del selector de color
✳
Varios formatos: HEX, RGB, HSL y CMYK para desarrollo web, diseño UI e impresión.
✳
Paleta automática: analiza los colores dominantes y crea combinaciones armoniosas.
✳
Vista previa en tiempo real: pasa el ratón y haz clic para elegir de forma rápida.
✳
Privacidad: todo ocurre en el navegador y la imagen nunca abandona tu dispositivo.
§ 04