Suelta tu imagen aquí
o haga clic para navegar
JPG, PNG, WebP, GIF, BMP (máximo 10 MB)or
Extrae hermosas paletas de colores de cualquier imagen. Haz clic para seleccionar los colores exactos de los píxeles con un aumento de 15x y luego expórtalos para tus proyectos web o de diseño.
o haga clic para navegar
JPG, PNG, WebP, GIF, BMP (máximo 10 MB)Selección de color con precisión píxel a píxel, ampliación en tiempo real y un cursor en forma de cruz en directo.
El algoritmo de agrupamiento K-means encuentra los colores dominantes más distintivos visualmente en cualquier imagen.
Utilice la API EyeDropper nativa del navegador para seleccionar colores desde cualquier lugar de la pantalla (Chrome/Edge).
Exportar como variables HEX, RGB, HSL, CSS, SCSS o un fragmento de configuración CSS de Tailwind.
Reordena los colores extraídos por tono, brillo o saturación para obtener una paleta más organizada.
Todo el procesamiento se realiza en tu navegador mediante la API HTML5 Canvas. Las imágenes nunca salen de tu dispositivo.
Este selector de color es perfecto para diseñadores, desarrolladores y creativos que necesitan extraer colores de fotografías, ilustraciones o diseños de interfaz de usuario. Algunos casos de uso comunes incluyen:
Para obtener más herramientas de color, pruebe nuestro Generador de paletas de colores con IA para conseguir combinaciones armoniosas, o el Comprobador de contraste de color para verificar el cumplimiento de las normas de accesibilidad.
Utilizamos el algoritmo de agrupamiento k-means, un algoritmo de aprendizaje automático que agrupa colores similares y encuentra los colores dominantes más distintivos visualmente. Analiza píxeles de toda la imagen y encuentra iterativamente los centros de color óptimos. Puedes elegir entre 4 y 12 colores en la paleta extraída.
No. Todo el procesamiento se realiza íntegramente en tu navegador mediante JavaScript y la API HTML5 Canvas. Tus imágenes nunca salen de tu dispositivo, lo que garantiza total privacidad. Este es el mismo método que utilizan nuestras herramientas de redimensionamiento y compresión de imágenes.
El botón "Seleccionar de la pantalla" utiliza la API EyeDropper nativa del navegador para que puedas hacer clic en cualquier color visible en tu pantalla, no solo en la imagen que has subido. Esta función está disponible en los navegadores Chrome y Edge. Es perfecta para seleccionar colores de sitios web, aplicaciones o elementos del escritorio.
Puedes exportar tus colores como: códigos HEX, valores RGB, valores HSL, propiedades personalizadas CSS (variables), variables SCSS, un fragmento de configuración CSS de Tailwind o una imagen de paleta PNG descargable. Todos los formatos de texto están listos para pegarse directamente en tu editor de código.