Selector de color y paleta de imágenes
Extrae los colores principales de una foto como códigos de color y obtén el color de cualquier píxel
Cargando la herramienta…
Encuentra los colores principales de una imagen y los muestra como códigos HEX, RGB y HSL, y da el código de cualquier punto que pulses. Úsalo para sacar colores de una foto para un diseño o para comprobar el color de un logotipo.
Cómo se usa
- Suelta una imagen en el cuadro o haz clic para elegirla.
- «Colores principales» muestra los colores más usados y sus proporciones. Prueba otro «Número de colores» (de 5 a 10) u otro «Método».
- Pulsa o arrastra sobre la imagen para ver el color de ese punto en «Color tomado». Puedes ampliar antes, y «Zona de muestreo» puede promediar los píxeles cercanos.
- Pulsa un código para copiarlo. Para toda la paleta, usa «Copiar como variables CSS», «Copiar como JSON» o «Guardar como PNG».
Cómo funciona
- Los colores principales se buscan en una copia reducida a un máximo de 256 píxeles en su lado más largo. Los píxeles transparentes no se cuentan.
- El corte mediano divide repetidamente por su valor mediano el grupo con la mayor dispersión de colores; k-means recalcula repetidamente el centro de cada grupo. K-means tarda un poco más.
- Los últimos 30 colores tomados se conservan en este navegador, en este dispositivo. La imagen no se sube.
Preguntas frecuentes
- ¿Cómo saco el código de color de una imagen?
- Abre la imagen y pulsa el punto que quieras. Los códigos HEX, RGB y HSL aparecen en «Color tomado»; pulsa un código para copiarlo.
- ¿Qué diferencia hay entre HEX y RGB?
- Son dos formas de escribir el mismo color. RGB da el rojo, el verde y el azul como números de 0 a 255, y HEX escribe esos mismos tres valores con dos cifras hexadecimales cada uno. rgb(255, 0, 0) es #FF0000.
- ¿Por qué el color tomado es algo distinto de lo que veo?
- Los píxeles vecinos de una foto suelen diferir un poco. Pon la «Zona de muestreo» en la media de 3 × 3 o 5 × 5 píxeles para obtener un valor más estable.
- ¿Puedo tomar un color de fuera de esta página?
- Solo en los navegadores que lo admiten. En ellos aparece un botón «Tomar de cualquier parte de la pantalla» que te permite tomar cualquier punto de la pantalla.