Selector de color de pantalla

Suelta una captura de pantalla y lee el color exacto de cualquier píxel — HEX, RGB y HSL, actualizados al moverte.

Aún no hay imagen

Arrastra una imagen aquí, pega una captura con ⌘V / Ctrl+V o elige un archivo.

PNG, JPG, WebP, GIF y BMP — hasta 20 MB y 16 megapíxeles.

Todo se ejecuta en tu navegador. La imagen se lee desde la memoria y nunca se sube.

Donde tu navegador lo admita, «Elegir de la pantalla» lee un color directamente de la pantalla. Si ese botón no aparece, haz una captura y pégala.

Colores fijados

Aún no hay nada fijado — haz clic en un píxel de la imagen.

Cómo se usa

  1. Carga una imagen: arrástrala, pega una captura con ⌘V / Ctrl+V, elige un archivo o pulsa «Cargar ejemplo».
  2. Mueve el cursor sobre la imagen — HEX, RGB y HSL se actualizan en vivo, con una lupa de 11 × 11 píxeles en escritorio.
  3. Haz clic o toca un píxel para fijarlo en la lista de abajo y luego copia cualquier valor con un clic.
  4. Donde tu navegador lo admita, pulsa «Elegir de la pantalla» para leer un color de cualquier punto de la pantalla sin cargar una imagen.
  5. Teclado: enfoca la imagen, mueve el punto de muestreo con las flechas (mantén Mayús para ir más rápido) y pulsa Intro para fijar el color.
  6. Pulsa «Limpiar» para restablecer la imagen, la lectura y la lista.

Ejemplo

Imagen de ejemplo

ykit-sample.png
1200 × 800 · seis bloques de color, un degradado y una zona transparente

Lectura

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
Familia: Azul · en 240, 180

La lectura proviene del píxel en bruto bajo el cursor, no de la vista previa escalada. Un píxel totalmente transparente informa que no tiene color en lugar de mostrar #000000.

Reglas, límites y problemas conocidos

  • El nombre de familia es un grupo aproximado basado en el tono y la luminosidad — no es un nombre exacto de color.
  • Un píxel totalmente transparente no tiene color; la herramienta lo dice en lugar de mostrar #000000. Un píxel parcialmente transparente conserva su propio RGB y muestra un porcentaje de alfa.
  • Los valores provienen del píxel en bruto, mientras que la vista previa está escalada para caber: los bordes suavizados mezclan colores, así que muestrea el interior de una forma en lugar de su contorno.
  • La selección en pantalla necesita el soporte de EyeDropper del navegador y un gesto del usuario. Cuando no está disponible, el botón se oculta — haz una captura y pégala.
  • Una imagen a la vez, hasta 20 MB y 16 megapíxeles. Todo lo más grande se rechaza de entrada en lugar de ralentizarse en silencio.
  • Las fotos se ven afectadas por el balance de blancos, la compresión y la calibración de la pantalla: un valor elegido coincide con el archivo, no necesariamente con el objeto real.
  • Sin paleta dominante, sin conversión de formato, sin edición de imágenes y sin regla de pantalla — esas son herramientas aparte, enlazadas abajo.

Qué hacer una vez tienes el valor.