Selector y conversor de coloresElige un color, convierte entre HEX, RGB y HSL, toma colores de una imagen o de tu pantalla y comprueba el contraste con texto blanco y negro.
Generador de paletas de colores
Crea una paleta coherente a partir de un color de marca con las armonías del círculo cromático, o extrae los colores principales de una foto. Copia valores sueltos o exporta propiedades personalizadas de CSS.
Elige una imagen
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor.
Cómo se usa
- Elige un color base y un tipo de armonía, o cambia a «Desde imagen» y abre una foto.
- Haz clic en cualquier muestra para copiar su código HEX.
- Copia las variables CSS para usar la paleta en tu hoja de estilos.
Ejemplos
Escala de colores para interfaz
Usa «Tintes y sombras» para obtener fondos claros y variantes de texto oscuras de tu color principal.
Paleta a partir de una foto de producto
Extrae 6 colores de la foto para diseñar una página de aterrizaje a juego.
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
¿Cómo se extraen los colores de una imagen?
La imagen se reduce y sus píxeles se agrupan con un algoritmo de agrupamiento k-means; los grupos más grandes forman la paleta.
¿Las armonías son accesibles?
Las armonías tratan de relaciones de tono, no de contraste. Comprueba las combinaciones de texto y fondo con la relación de contraste del Selector de color.
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.
Generador de metaetiquetasGenera metaetiquetas HTML limpias para una página: título, descripción, canonical, robots, Open Graph y Twitter Card, con indicaciones de longitud.
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.