Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de paletas de colores
Crea paletas complementarias, análogas, triádicas o monocromáticas y exporta HEX, CSS o JSON.
Pulsa un color para copiar su HEX. El texto usa blanco o negro según cuál tenga mayor contraste WCAG. Los colores son opacos.
Acerca de esta herramienta
Crea paletas complementarias, análogas, triádicas o monocromáticas y exporta HEX, CSS o JSON.
Cómo se usa
Introduce HEX, RGB o HSL o usa el selector. Elige la armonía y pulsa una muestra para copiar su HEX. Exporta la paleta como variables CSS o array JSON.
Las armonías cambian tono o luminosidad HSL y producen colores opacos. El texto de muestra usa blanco o negro según su mayor contraste WCAG. Comprueba por separado las combinaciones reales de texto y fondo: no todas las parejas de la paleta garantizan accesibilidad.
Herramientas relacionadas
Comprobador de contraste
Comprueba el contraste de texto según WCAG 2.2 con vista previa y resultados AA y AAA para texto normal y grande.
Generador de degradados CSS
Diseña degradados lineales o radiales con dos a ocho puntos de color y copia el CSS con vista previa en directo.
Generador de sombras CSS
Ajusta desplazamiento, desenfoque, expansión, color y opacidad de una sombra exterior o interior y copia su CSS.
Comentarios
0