Herramientas de color y diseño gratis

Convierte colores HEX, RGB y HSL, comprueba el contraste entre texto y fondo o crea degradados CSS gratis. Elige una herramienta y trabaja en tu navegador.

Gratis y sin cuenta. Los valores de color y los resultados no se envían a un servidor.

¿Qué herramienta elijo primero?

Usa el conversor para cambiar el formato de un color o el comprobador de contraste para comparar texto y fondo. Para decorar un fondo, crea un degradado y copia su CSS. Los datos no se comparten automáticamente entre herramientas.

Selector de color de imagen gratis

Extrae gratis colores HEX, RGB y RGBA de una foto. Consulta la opacidad y una paleta representativa y copia los códigos. La imagen se procesa en tu navegador, sin subirla.

Selector de color de imagen gratis

Convertidor de color

Convierte gratis códigos HEX, RGB y HSL, previsualiza el color y copia valores para CSS sin enviar datos al servidor.

Convertidor de color

Comprobar contraste

Calcula gratis el contraste entre texto y fondo según WCAG 2.2 y comprueba AA, AAA, texto normal, texto grande y componentes de interfaz.

Comprobar contraste

Generador de degradados

Crea degradados CSS lineales y radiales gratis, ajusta colores, posiciones y ángulo, previsualiza y copia el código background.

Generador de degradados

Cómo elegir una herramienta de color

1¿El conversor sirve para comprobar colores de impresión?

Convierte valores HEX, RGB y HSL. No convierte a CMYK ni realiza pruebas de impresión, y no garantiza el color impreso.

2¿Un contraste correcto garantiza la accesibilidad?

No. Se comprueba el contraste de los colores de texto y fondo introducidos. El teclado, los textos alternativos, la disposición real y otros aspectos requieren comprobaciones aparte.

3¿Dónde puedo usar el degradado?

Previsualiza un degradado lineal o radial y copia el CSS para el fondo de una página web. Si colocas texto encima, comprueba su legibilidad en distintas posiciones.