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.
Cargando imagen…
Aún no hay imagen
Color actual
Sigue al cursor mientras está sobre la imagen. Haz clic para fijarlo en la lista de abajo.
HEX
—RGB
—HSL
—Colores fijados
Aún no hay nada fijado — haz clic en un píxel de la imagen.
Cómo se usa
- Carga una imagen: arrástrala, pega una captura con ⌘V / Ctrl+V, elige un archivo o pulsa «Cargar ejemplo».
- Mueve el cursor sobre la imagen — HEX, RGB y HSL se actualizan en vivo, con una lupa de 11 × 11 píxeles en escritorio.
- Haz clic o toca un píxel para fijarlo en la lista de abajo y luego copia cualquier valor con un clic.
- Donde tu navegador lo admita, pulsa «Elegir de la pantalla» para leer un color de cualquier punto de la pantalla sin cargar una imagen.
- 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.
- 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.
Herramientas relacionadas
Qué hacer una vez tienes el valor.