Selector de color de imagen
Haz clic en cualquier píxel de una foto para obtener su color exacto.
Mueve el cursor sobre la foto para ampliar, luego haz clic para elegir el color exacto de un píxel.
Funciona en tu navegador. Tus archivos nunca salen de tu dispositivo.
- HEX, RGB y HSL
- Lupa para elegir con precisión
- Paleta de colores dominantes
Cómo elegir un color de una imagen
- Suelta una foto aquí.
- Mueve el cursor sobre la foto y haz clic en el píxel exacto que quieres.
- Copia el valor en HEX, RGB o HSL.
HEX, RGB y HSL explicados
| Formato | Ejemplo | Se usa para |
|---|---|---|
| HEX | #3B82F6 | CSS, herramientas de diseño, la mayoría de las guías de estilo |
| RGB | rgb(59, 130, 246) | CSS, editores de imagen |
| HSL | hsl(217, 91%, 60%) | Ajustar la luminosidad o saturación de un color |
Cómo se arma la paleta de colores dominantes
La foto se reduce a un tamaño de trabajo pequeño, y luego sus colores se agrupan en unos 8 tonos representativos usando cuantización de color, la misma técnica que reduce una foto a una paleta más pequeña para GIF o PNG con paleta. Refleja los colores que ocupan más área, no necesariamente los más llamativos a la vista.
Consejos para una elección exacta
- Haz zoom con la lupa antes de hacer clic. Muestra una vista ampliada de los píxeles alrededor de tu cursor para que puedas ubicar exactamente el que quieres.
- Haz clic en Historial para reutilizar un color que ya elegiste antes en la misma sesión.
- En una foto con ruido o artefactos JPEG, elige un píxel de un área plana del color que quieres en vez de un borde, donde la compresión puede alterar píxeles individuales.
Preguntas frecuentes sobre Selector de color de imagen
¿Qué tan preciso es el selector de color?
Lee el píxel exacto bajo tu cursor, ampliado en la lupa para que puedas ubicarlo con precisión.
¿Qué es la paleta de colores dominantes?
Muestra alrededor de 8 colores que más aparecen en la foto, útil para hacer coincidir un diseño con una imagen.
¿Puedo volver a un color que ya elegí?
Sí. Cada color en el que haces clic se guarda en Historial, así que puedes hacer clic en él de nuevo para recuperar sus valores en HEX, RGB y HSL.
¿Se sube mi foto?
No. El selector de color lee los píxeles en tu navegador, así que la foto nunca sale de tu dispositivo.
¿Cuál es la diferencia entre HEX y RGB?
Describen exactamente el mismo color con notaciones distintas. HEX usa un código de 6 dígitos, RGB detalla los valores de rojo, verde y azul de 0 a 255. Usa el que necesite tu herramienta o tu CSS.
¿Por qué usaría HSL en vez de HEX?
HSL separa el tono, la saturación y la luminosidad de un color, así que es más fácil hacer una versión más clara o más apagada de un color cambiando un solo número en vez de recalcular los tres valores RGB.
¿El color elegido tiene en cuenta la compresión JPEG?
No, lee el valor exacto del píxel del archivo que soltaste, incluido cualquier cambio de color que ya haya introducido la compresión JPEG. Para el color más fiel, elige un área plana en vez de un borde.