Selector de color de imagen
Sube, arrastra o pega una foto y haz clic en cualquier punto para obtener su código hex, sus valores RGB y HSL y el nombre del color. El selector también extrae una paleta con los colores principales de la imagen.
Cómo tomar un color de una imagen
- Pulsa Elegir imagen, arrastra una foto sobre el marco o pega una captura de pantalla con Ctrl+V (Cmd+V en Mac). Hay una foto de ejemplo cargada para que lo pruebes primero.
- Haz clic en cualquier parte de la foto. El marcador seleccionado salta a ese punto, y la lupa muestra los píxeles bajo el puntero para que caigas justo en el que quieres.
- Lee el color a la izquierda: su código hex y sus valores RGB y HSL, cada uno con un botón para copiar, y el nombre más cercano de una lista de más de 900 colores con nombre.
- Para obtener una paleta, usa el control deslizante o los botones de más y menos para tomar de 2 a 10 colores, y luego ábrelos en el generador o crea un sistema de color completo a partir del más vivo.
Qué puedes hacer
Elige cualquier píxel
Haz clic o arrastra sobre la foto para tomar el píxel exacto bajo el marcador, con una vista ampliada de los píxeles que lo rodean.
HEX, RGB y HSL
Cada color que eliges muestra su código hex y sus valores RGB y HSL, listos para copiar en CSS, Figma o cualquier herramienta de diseño.
Encuentra el nombre del color
El selector dice el nombre del color, o el del color con nombre más cercano, y enlaza a su página con tonos, colores que combinan y contraste.
Paleta automática
Los marcadores empiezan sobre los colores dominantes y distintos de la imagen, así obtienes una paleta útil de 2 a 10 colores sin hacer ningún clic.
Sube, arrastra o pega
Busca un archivo, arrástralo sobre el marco o pega una captura de pantalla directamente desde el portapapeles.
Privado por diseño
La foto que agregas se lee en tu navegador para tomar sus píxeles y no se envía a ningún servidor.
Preguntas frecuentes
¿Cómo encuentro el código hex de un color en una imagen?
Agrega la imagen con Elegir imagen, arrastrándola o pegándola, y haz clic en el punto que quieras. Su código hex aparece a la izquierda con un botón para copiar, junto a sus valores RGB y HSL.
¿Cómo sé de qué color es algo en una foto?
Haz clic sobre él en el selector. Obtienes el código de color exacto de ese píxel y el nombre del color más cercano entre más de 900 colores con nombre, con un enlace a una página sobre ese color. La luz y las sombras cambian los píxeles, así que prueba varios puntos.
¿Cómo elige el selector los colores de la paleta?
Agrupa los píxeles de una copia pequeña de la imagen según cómo los percibe el ojo, en el espacio de color OKLab, y elige un píxel representativo de cada grupo. Los casi duplicados se descartan, así que una imagen plana da menos colores, pero más distintos.
¿Se sube mi foto?
No. La foto que eliges se lee en tu navegador para poder tomar sus píxeles y no se envía a nuestro servidor. Solo la foto de ejemplo con la que empieza la página se carga desde la web.
¿Puedo tomar un color de una captura de pantalla?
Sí. Haz la captura, presiona Ctrl+V (Cmd+V en Mac) en esta página para pegarla y haz clic en el color que quieras. Funciona con sitios web, apps y fotogramas de video.
¿Qué formatos de imagen funcionan?
Cualquier imagen que tu navegador pueda mostrar, lo que normalmente incluye JPEG, PNG, WebP y GIF.