Herramientas95

CREA ALGO GENIAL

Selector de color de imagen.

Obtén colores HEX, RGB y HSL de una imagen. Extrae y edita una paleta, comprueba el contraste del texto, luego copia los colores o exporta PNG, SVG, CSS o JSON.

Anuncios
Tu espacio de trabajo de imagen
Procesamiento temporal en servidor
o arrastra y suelta aquí
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Elige tu imagen para empezar.IMAGEN
Anuncios
Blog Cómo elegir colores de imagen y crear una paleta Leer la guía

Elige colores de una imagen y crea una paleta que puedas usar

Inspecciona un píxel, copia su valor HEX, RGB o HSL, y extrae una paleta inicial de una foto. Conserva los colores que te gusten, edita el resto, comprueba un par de texto y fondo, y exporta PNG, SVG, CSS o JSON.

Una imagen suministra muestras de color individuales y una paleta que puede refinarse y exportarse.
VIDEO TUTORIAL RÁPIDO How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Narración en inglés Ver el video

How to pick an image color and export a palette

Funciones y controles

Elige un píxel con una vista magnificada

Haz clic o toca la imagen para inspeccionar un color, luego copia su código.

Posicionamiento preciso y limitaciones de vista previa

La lupa te ayuda a apuntar a detalles pequeños. Enfoca la imagen y usa las teclas de flecha para moverte un píxel, Shift más una flecha para moverte diez, y Enter para elegir. HEX, RGB y HSL tienen botones de copia individuales. Las fuentes decodificables por el navegador se muestrean en el navegador sRGB. Cuando se usa una vista previa normalizada en su lugar, su etiqueta identifica los colores y coordenadas como aproximados.

Extrae una paleta inicial útil

Elige de 3 a 12 colores para extraer y prueba Dominante o Vibrante.

Cómo se estiman los colores y porcentajes

Dominante favorece los colores principales de la imagen. Vibrante da más influencia a los acentos coloridos. La extracción muestrea una imagen delimitada, agrupa colores similares y devuelve hasta el número solicitado; una imagen plana puede contener menos. Los píxeles totalmente transparentes se excluyen, y la opacidad parcial reduce el peso de un píxel. Los porcentajes describen grupos muestreados aproximados, no un recuento exacto de cada píxel original. La extracción automática sube la imagen al servidor.

Mantén, reemplaza y reordena tus colores

Bloquea muestras útiles, edita sus valores HEX o añade un color elegido o personalizado.

Refinando una paleta antes de exportar

Selecciona una muestra para editar su color, muévela a la izquierda o derecha, o elimínala. Bloquear mantiene un color elegido cuando usas Actualizar paleta o cambias la configuración de extracción. Añadir a la paleta usa el color RGB muestreado; Añadir un color personalizado te permite introducir un valor HEX. Una paleta puede contener de 1 a 12 colores para exportar. Los colores elegidos, editados y bloqueados retenidos no reciben porcentajes de imagen inventados.

Entender los píxeles transparentes

Elige Color de origen o Componer sobre un fondo en Muestreo.

Opacidad de origen y colores exportados

Color de origen informa el píxel seleccionado y su opacidad en el código copiado. Componer sobre un fondo muestra su apariencia después de mezclar con el fondo de muestra. Los colores de la paleta y las exportaciones son valores RGB opacos, por lo que añadir un color de origen translúcido no conserva su canal alfa. El modo de muestreo cambia el color inspeccionado; no vuelve a colorear la imagen de origen ni cambia la extracción automática.

Comprueba un par de texto y fondo

Usa Comprobar contraste de color para comparar dos colores.

Qué cubre el resultado de contraste

Elige Texto y Fondo con los controles de color, introduce valores HEX o usa el color elegido. La vista previa muestra una relación de contraste y resultados separados de Normal AA, Normal AAA, Grande AA y Grande AAA para el texto. Esto comprueba solo el par de colores seleccionado. No audita una página completa, no tiene en cuenta cada imagen de fondo ni certifica que un diseño completo sea accesible.

Exporta colores para el siguiente paso

Guarda una imagen de paleta, muestras vectoriales, variables CSS o datos de color estructurados.

PNG, SVG, CSS y JSON

PNG produce una tarjeta de paleta etiquetada. SVG mantiene las muestras y etiquetas como contenido vectorial. CSS exporta variables numeradas como --color-1. JSON contiene valores HEX, RGB y HSL. Selecciona Guardar como y luego Iniciar para crear un archivo llamado paleta con la extensión elegida. Copiar un color o toda la paleta HEX puede ser más rápido cuando solo necesitas los valores.

Archivos y procesamiento

Entrada
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC y HEIF
Salida
Una paleta PNG, SVG, CSS o JSON

25 MB máximo por archivo. Un archivo de entrada por ejecución.

Una imagen de origen de hasta 60 megapíxeles. Las muestras de extracción tienen como máximo 512 píxeles por borde, ignoran los píxeles totalmente transparentes y pueden devolver menos colores de los solicitados. La exportación admite de 1 a 12 colores de paleta opacos. Las fuentes animadas o de varias imágenes utilizan su primer fotograma estático.

La imagen se sube automáticamente para extraer su paleta y se vuelve a subir para la exportación final. La selección de píxeles y las ediciones manuales de la paleta se ejecutan en el navegador. Un formato que el navegador no pueda decodificar también puede requerir una vista previa del servidor. Esta herramienta utiliza procesamiento de color convencional, no IA.

Los archivos se procesan en el servidor. La preparación de la vista previa también puede cargar un archivo cuando la decodificación del navegador no está disponible o se necesita una vista previa del documento. Las descargas del servidor están disponibles para tu sesión durante un máximo de dos horas.

Para obtener un resultado de imagen, usa Continuar debajo de los resultados de descarga para elegir un siguiente paso compatible. Puedes seleccionar qué imágenes transferir; la siguiente herramienta comienza con su propia configuración.

Actualizar un editor o la página de descarga te devuelve a la página de la herramienta. Descarga el resultado antes de iniciar un nuevo flujo de trabajo. Consulta nuestra Política de privacidad para el manejo de archivos.

Preguntas frecuentes

Es bueno saberlo.

Algunas respuestas antes de empezar.

Procesamiento temporal en servidor
¿Puedo obtener HEX, RGB y HSL de una imagen?

Sí. Elige un píxel y usa el botón de copia junto al valor que necesites. El selector muestra la opacidad cuando es relevante; las exportaciones de paleta opacas contienen colores RGB.

¿Cuál es la diferencia entre Dominante y Vibrante?

Dominante enfatiza los colores comunes de la imagen. Vibrante da más influencia a los acentos coloridos. Ambas son aproximaciones muestreadas, y ninguna promete encontrar un color de marca particular automáticamente.

¿Por qué una solicitud de seis colores devuelve menos colores?

Una fuente puede tener menos colores visibles distintos. El extractor devuelve los grupos disponibles en lugar de inventar muestras duplicadas para completar el recuento solicitado.

¿Puedo mantener un color mientras refresco la paleta?

Sí. Selecciona su muestra y usa Bloquear color. También puedes añadir un valor HEX personalizado, reordenar las muestras o eliminar colores antes de exportar.

¿Todo permanece en mi navegador?

No. La selección de píxeles y las ediciones de paleta se ejecutan en el navegador, pero la extracción automática y la exportación final suben la fuente al servidor. Algunos formatos de entrada también necesitan una vista previa generada por el servidor.

Anuncios

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Elige tu idioma. Los tutoriales en vídeo utilizan actualmente narración en inglés.