Este selector de color de imagen encuentra el color exacto de cualquier píxel de una foto, captura o logotipo y te da su código HEX, RGB y HSL. Una lupa ayuda a acertar el píxel en el móvil o el ordenador, y además extrae una paleta de 5 a 12 colores con el color dominante y el promedio. La imagen no sale de tu navegador.
Cómo se usa
- Abre una imagen, suéltala en la tarjeta o pega una captura con Ctrl+V. Hasta entonces se muestra una imagen de ejemplo.
- Mueve el puntero sobre la imagen para ver la lupa y haz clic para tomar ese píxel. En el móvil, mantén el dedo sobre la imagen, deslízalo hasta que la lupa muestre el píxel correcto y levántalo.
- Toca HEX, RGB o HSL para copiar el color. Los últimos colores quedan en la fila junto a la muestra grande.
- La paleta se actualiza sola. Elige de 5 a 12 colores y el método, toca una muestra para copiarla y exporta la paleta como CSS, JSON o una imagen PNG.
- K-means agrupa colores parecidos y suele dar la paleta más natural. El corte de mediana divide la gama de colores por igual y conserva los pequeños colores de acento.
- El color dominante es el grupo más grande de la paleta. El promedio es la media de todos los píxeles visibles, por eso suele ser un tono apagado.
- Las imágenes grandes se reducen a 2400 píxeles en el lado largo para tomar colores, así que las zonas lisas siguen siendo exactas. Los píxeles transparentes se ignoran.
- La imagen se queda en tu navegador. No se sube nada.
Elegir un píxel exacto
Mueve el puntero sobre la imagen para ver la lupa ampliada y haz clic. En pantallas táctiles, mantén el dedo, deslízalo hasta que la lupa muestre el píxel que quieres y levántalo. Las imágenes grandes se escalan a 2400 px en el lado largo para elegir, lo que mantiene exactos los colores planos de logotipos e interfaces. Las fotos tienen ruido y dos píxeles vecinos de un cielo pueden variar un poco; la paleta da un color más representativo.
Cómo se crea la paleta
K-means agrupa colores parecidos y suele dar la paleta más natural en fotos. Median cut reparte el rango de color de forma uniforme y conserva pequeños colores de acento, ideal para ilustraciones e imágenes de marca. Cada muestra indica su porcentaje en la imagen.
El color dominante es el grupo más grande. El promedio es la media de todos los píxeles visibles, por lo que suele ser un tono apagado que no aparece tal cual en la imagen. Los píxeles totalmente transparentes se ignoran.
Usar los códigos
HEX (#1e88e5) es el formato habitual en CSS, herramientas de diseño y manuales de marca; RGB da el mismo color en rojo, verde y azul de 0 a 255; HSL describe tono, saturación y luminosidad, lo que facilita crear variantes más claras u oscuras. Exporta la paleta como variables CSS, JSON o una lámina PNG.
Preguntas frecuentes
¿Cómo saco el código de color de algo en una imagen?
Abre la imagen, pasa la lupa por el punto que te interesa y haz clic o levanta el dedo. Los códigos HEX, RGB y HSL aparecen junto a la muestra y se copian con un toque.
¿Puedo tomar un color de una captura de pantalla?
Sí. Pulsa Ctrl+V para pegar la captura o arrastra el archivo. Las capturas son ideales porque sus colores no tienen el ruido de una cámara.
¿Por qué el color elegido no coincide del todo con el de la marca?
La compresión JPEG y el procesado de la cámara cambian un poco los valores. Para logotipos, usa si puedes el PNG o SVG original, o compara varios píxeles cercanos.
¿Qué diferencia hay entre color dominante y promedio?
El dominante es el grupo más grande de píxeles parecidos. El promedio mezcla todos los píxeles, así que una imagen roja y azul da un morado que quizá no aparece en ningún sitio.
¿Cuántos colores puede tener la paleta?
Entre 5 y 12. Con menos colores ves el tema principal; con más también aparecen los pequeños acentos.
¿Se sube mi imagen?
No. La imagen se lee y se analiza en tu navegador y no se envía a ninguna parte.