Cómo usar Selector de color de imagen
- 1
Abre una imagen
Suelta, busca o pega una captura, foto o logotipo de hasta 25 MB: JPG, PNG, WebP, AVIF, HEIC, GIF o SVG.
- 2
Apunta con la lupa
Pasa el cursor o arrastra sobre la imagen; una lupa de 11 × 11 píxeles muestra el píxel exacto bajo la cruz y su código HEX.
- 3
Haz clic para elegir
Obtén los valores HEX, RGB, HSL y OKLCH, cada uno con su propio botón de copiar. Las flechas desplazan la cruz y Intro selecciona.
- 4
Consigue la paleta
Elige de 5 a 12 colores dominantes y cópialos como variables CSS, JSON o un bloque de tema de Tailwind.
Límites y Pro
Una imagen a la vez, de hasta 25 MB, con selecciones ilimitadas, de 5 a 12 colores de paleta y un historial de 24 colores.
Pro te permite muestrear imágenes de hasta 4 GB. Ver Pro
Acerca de Selector de color de imagen
Este selector de color lee el valor exacto de cualquier píxel de una imagen y convierte toda la imagen en una paleta. Cada selección ofrece el color en cuatro notaciones: HEX para herramientas de diseño, rgb() y hsl() para CSS, y oklch() para el trabajo moderno con color en CSS, donde la luminosidad y el croma se comportan como espera el ojo. Las selecciones se guardan en un historial de los últimos 24 colores, almacenado en este navegador para que sigan ahí la próxima vez; en Chrome y Edge de escritorio, Elegir de la pantalla también toma cualquier color fuera de la página mediante el cuentagotas del navegador.
La paleta se calcula con agrupamiento k-means en el espacio de color OKLab sobre una copia de la imagen reducida a un máximo de 200 píxeles en su lado más largo. Los grupos parecidos se fusionan, los píxeles transparentes se ignoran y los colores se ordenan según la parte de la imagen que cubren, con el porcentaje indicado en cada muestra. La misma imagen siempre produce la misma paleta.
Los diseñadores lo usan para igualar el color de una marca a partir de un logotipo, crear un tema a partir de una foto, comprobar el color exacto de un botón en una captura o reunir un moodboard. Los valores son sRGB estándar, tal como tu navegador muestra la imagen, así que un artefacto de JPG o un origen de gama amplia pueden desviar una selección unas pocas unidades respecto al archivo de diseño original. Los píxeles semitransparentes indican su color sin la transparencia, y la herramienta no nombra los colores ni comprueba relaciones de contraste.
Privacidad
La imagen se decodifica y se muestrea en esta pestaña, y el agrupamiento de la paleta se ejecuta en un pequeño Web Worker creado después de abrirla; no se sube nada. Tu historial de colores se guarda solo en el almacenamiento local de este navegador, y Elegir de la pantalla usa el cuentagotas integrado del navegador, que comparte con esta página únicamente el color elegido y nada más.
Características
Lupa precisa al píxel
Una lupa de 11 × 11 píxeles con desplazamiento por teclado para elegir con precisión con ratón y en pantalla táctil.
Paleta dominante
De 5 a 12 colores mediante k-means en OKLab, ordenados por su porcentaje de la imagen.
Exportación para desarrolladores
Valores HEX, RGB, HSL y OKLCH, además de variables CSS, JSON o un bloque @theme de Tailwind.
Historial de colores
Tus últimas 24 selecciones se quedan en este navegador, listas para copiar como lista.