Generador de paletas de coloresGenera paletas a partir de un color base (complementario, análogo, triádico, tintes y sombras) o extrae los colores dominantes de una imagen.
Selector y conversor de colores
Elige un color con el selector, escribe cualquier valor HEX, RGB o HSL, o haz clic en una imagen subida para tomar un píxel. Las relaciones de contraste te ayudan a elegir colores de texto accesibles.
Tomar un color de una imagen
Abre una imagen y haz clic sobre ella
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor.
Cómo se usa
- Usa el selector de color, escribe un valor o abre una imagen y haz clic en un píxel.
- Lee los valores HEX, RGB y HSL y copia el que necesites.
- Comprueba la relación de contraste WCAG con texto blanco y negro.
Ejemplos
Igualar el color de marca de un logotipo
Abre la imagen del logotipo y haz clic en la zona de color para obtener su código HEX.
Elegir un texto de botón legible
Si el contraste con el blanco es inferior a 4,5:1, usa texto oscuro u oscurece el color.
Privacidad
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor. Consulta la política de privacidad para saber qué se guarda en tu navegador (solo favoritos e historial). Política de privacidad
Compruébalo tú mismo: abre las herramientas de desarrollo del navegador, selecciona la pestaña Red (Network) y usa la herramienta. Tu archivo nunca aparece en una solicitud de subida. Cuando esta página esté guardada para uso sin conexión, también puedes desconectarte de internet y seguir trabajando. Los anuncios y las estadísticas de visitas anónimas, cuando están activados, hacen sus propias solicitudes, pero nunca reciben tus archivos ni tus textos.
Preguntas frecuentes
¿Qué es el cuentagotas de pantalla?
Algunos navegadores (Chrome y Edge en escritorio) ofrecen un EyeDropper que puede tomar cualquier píxel de la pantalla. El botón solo aparece donde es compatible.
¿Por qué los colores tomados pueden variar un poco?
La compresión JPG y los perfiles de color pueden alterar los valores de los píxeles. Toma la muestra en una zona uniforme y no en un borde.
Herramientas relacionadas
Todo en Herramientas de imagenGenerador de faviconGenera un conjunto completo de favicons a partir de una imagen o una letra: favicon.ico, PNG de 16 a 512 px, icono Apple touch, manifiesto web y etiquetas HTML, en un solo ZIP.
Vista previa y optimizador de SVGPrevisualiza archivos SVG de forma segura y redúcelos eliminando comentarios, metadatos del editor y espacios en blanco, con redondeo opcional de números.
Conversor de imágenes (JPG, PNG, WebP)Convierte imágenes entre JPG, PNG y WebP por lotes.
Compresor de imágenesComprime imágenes JPG, PNG y WebP en tu navegador por calidad o hasta un tamaño objetivo como 100 KB.
Redimensionador de imágenesCambia el tamaño de imágenes JPG, PNG y WebP a dimensiones exactas en píxeles o por porcentaje, con bloqueo opcional de la proporción.