Selector de Colores

Toma colores de la pantalla o imágenes. Muestrea píxeles y copia valores HEX, RGB, HSL, HSV y CMYK al instante.

Selector de color de pantalla
Usa la pipeta del navegador para muestrear cualquier píxel de la pantalla.
Selector de color de imagen
Sube una imagen y haz clic para muestrear un píxel. También puedes arrastrar un archivo para cargar.
Color seleccionado
Toma colores de la pantalla o imágenes. Muestrea píxeles y copia valores HEX, RGB, HSL, HSV y CMYK al instante.
Habilitar Alfa

Selector de Colores

Origen: Aún no seleccionado

HEX
#3498DBFF
RGBA
rgba(52, 152, 219, 1)
HSLA
hsla(204, 70%, 53%, 1)
HSVA
hsva(204, 76%, 86%, 1)
CMYK
cmyk(76%, 31%, 0%, 14%)
Alfa
100%

Qué hace esta herramienta

Toma colores de la pantalla o imágenes. Muestrea píxeles y copia valores HEX, RGB, HSL, HSV y CMYK al instante.

Consejos para tomar colores

  • Use la selección de pantalla cuando su navegador admita EyeDropper y necesite un color de otra app, pestaña o referencia de diseño.
  • Use la selección desde imagen cuando necesite muestrear un píxel exacto de una captura, logotipo, foto de producto o maqueta de interfaz.

Notas sobre la salida

  • Active alfa cuando necesite formatos con transparencia como #RRGGBBAA, rgba(...), hsla(...) o hsva(...).
  • HEX y RGB suelen ser los formatos más prácticos para web, mientras que CMYK resulta útil para entregas orientadas a impresión.