Ir al contenido
snowkitDesign

Elige colores de cualquier imagen, hasta el píxel

Abre una foto, una captura de pantalla o un logotipo y toca en cualquier parte para obtener su color como HEX, RGB o HSL.

Selector de color

Suelta aquí una imagen JPG, PNG, WebP, GIF o SVG. También puedes pegar una captura de pantalla con Ctrl+V.

Abre una imagen y haz clic en cualquier parte para elegir un color

Una lupa de zoom facilita acertar con los detalles pequeños, y los colores principales de la imagen se extraen como una paleta que puedes copiar o exportar. Encuentra el color exacto de cualquier cosa de una imagen, gratis y en privado.

Cómo tomar un color de una imagen

  1. Pulsa Abrir una imagen.
  2. Muévete sobre la imagen y haz clic o toca para elegir un color. Usa Tamaño de muestra para promediar 1 píxel, 3 × 3 o 5 × 5 píxeles.
  3. Lee el valor como HEX, RGB o HSL y pulsa Copiar.
  4. Tus elecciones se reúnen en Tus elecciones.
  5. Elige Colores principales o Reparto uniforme para una paleta automática y fija cuántos Colores quieres.
  6. Si la paleta no es del todo correcta, bloquea los colores que te gusten, quita los demás y pulsa Volver a elegir el resto. Añadir desde la imagen pone en la paleta cualquier color en el que hagas clic.
  7. En Exportar, elige Paleta, CSS, JSON, GIMP o Adobe y pulsa Descargar paleta.

Colores exactos de cualquier imagen

Muévete sobre la imagen y la lupa muestra ampliados los píxeles bajo tu puntero, con el que vas a elegir en el centro. Haz clic o toca para elegirlo. En un teléfono, arrastra el dedo y levántalo sobre el color que quieras; la lupa queda sobre tu dedo para que veas lo que hay debajo. Con un teclado, enfoca la imagen y usa las teclas de flecha, manteniendo Mayús para moverte más rápido, y luego pulsa Intro.

Una paleta en un paso

Colores principales agrupa píxeles parecidos y enumera los colores que cubren más de la imagen, lo que va bien para fotos e imágenes de marca. Reparto uniforme divide toda la gama de colores en grupos iguales, de modo que los acentos pequeños, como la marca de un logotipo o el color de un botón, tienen más probabilidad de obtener su propia muestra. Elige cuántos colores quieres; cada muestra indica qué parte de la imagen cubre.

Listo para tus herramientas de diseño

Copia un solo valor como HEX, RGB o HSL para CSS, o exporta toda la paleta como propiedades personalizadas de CSS, JSON para código y tokens de diseño, una paleta GIMP que también leen Inkscape y Krita, o un archivo Adobe Swatch Exchange para Photoshop e Illustrator. Tu navegador lee las imágenes y nunca se suben.

Consejos para colores precisos

  • Usa un tamaño de muestra mayor en fotos, ya que los píxeles sueltos pueden contener ruido.
  • Usa 1 píxel para logotipos planos, iconos y capturas de pantalla, donde quieres el valor exacto.
  • Recuerda que los colores de una foto dependen de la iluminación y de la cámara, así que pueden no coincidir con el objeto real.
  • Usa el convertidor de colores para comprobar el contraste y pasar entre formatos.

Usos comunes

Igualar un sitio web o una presentación con un logotipo, crear una paleta de colores a partir de una foto, elegir colores de pintura o de tela y copiar el color exacto de una captura de pantalla. Diseñadores, estudiantes y dueños de pequeños negocios lo usan a diario.

Preguntas

¿Se sube mi imagen?

No. Se lee en tu navegador.

¿Qué tipos de imagen funcionan?

Cualquier imagen que tu navegador pueda abrir, incluidas PNG, JPG, WebP, GIF y SVG.

¿Qué formato de paleta debo usar?

Usa CSS para sitios web, JSON para código, GIMP para programas de diseño gratuitos y Adobe para Photoshop e Illustrator.

Qué hacer ahora

Sigue con lo que acabas de crear, todavía en tu dispositivo.

Más de Snowkit