Seleccionar, crear y comprobar los colores para el diseño y el código.
Selecciona el tono exacto con el selector de color de imagen , crea una combinación en la rueda de colores o mezcla una con el generador de degradados.
Antes de enviarlo, asegúrese de que el texto siga siendo legible con el Comprobador de contraste.
Nada aquí coincide con " ".
Sin embargo, nuestro estante de herramientas es grande. Prueba la búsqueda del sitio or .
Recortar imágenes a cualquier tamaño o relación de aspecto
Mejore la calidad de la imagen con el procesamiento de IA
Repara imágenes dañadas que no se abren o muestran errores de formato no compatible.
Estas herramientas abarcan todo el flujo de trabajo del color: encuentra un color, crea una paleta a su alrededor, conviértela en código y comprueba que sea accesible. Te proporcionan valores listos para pegar en CSS, Figma o tu guía de marca.
Colores exactos de cualquier imagen
Paletas de colores y armonías de color basadas en IA
Exportación de código CSS, PNG o SVG
Comprobaciones de contraste WCAG AA y AAA
| Formato | Ejemplo | Buenos para |
|---|---|---|
| HEX | # 3399CC | CSS, aplicaciones de diseño, guías de marca |
| RGB | rgb (51, 153, 204) | Pantallas, CSS con transparencia (rgba) |
| HSL | hsl(200, 60%, 50%) | Hacer tonos más claros u oscuros a mano |
| Llamado | azul acero | Prototipos rápidos |
Convierte entre todos ellos en el Editor de color CSS . ¿Quieres cambiar un color dentro de una imagen? Usa el Reemplazador de color de imagen.
Abre el selector de color de imagen , sube o pega tu imagen y haz clic en cualquier parte. Obtendrás el color exacto en formato HEX, RGB y HSL, listo para copiar.
La herramienta Paleta de colores con IA crea una paleta que coincide con una imagen. Para esquemas clásicos como los complementarios o triádicos, utilice la Rueda de colores.
Utiliza el Generador de degradados . Añade puntos de color, elige lineal o radial y, a continuación, copia el CSS o descarga el degradado como PNG o SVG.
Introduce los colores de texto y de fondo en el Comprobador de contraste . Este te mostrará la relación de contraste y si cumple con las normas WCAG AA y AAA para texto normal y grande.
Sí. El editor de colores CSS convierte entre colores HEX, RGB, HSL y colores CSS con nombre, y permite ajustar cada valor en tiempo real.
WCAG AA exige una relación de aspecto mínima de 4.5:1 para texto normal y de 3:1 para texto grande. AAA la eleva a 7:1 y 4.5:1.
Sí, la herramienta Image Color Replacer intercambia un color por otro en toda la imagen, con un control de tolerancia para tonos similares.
La mayoría de las herramientas de color funcionan completamente en tu navegador, por lo que tus imágenes permanecen en tu dispositivo. La paleta de colores con IA envía la imagen a nuestro servidor para su análisis y la elimina automáticamente después de unas horas.