JaviTechConvertidor de color a filtro CSS
Escribe un color y te devuelve la cadena de filtros CSS para conseguir ese color sobre una imagen o un fondo, con el resultado listo para pegar y una vista previa. En pruebas: en colores muy saturados el ajuste puede quedarse corto, así que comprueba siempre la vista previa antes de usarlo.
Color HEX → filtro CSS
Los filtros CSS no admiten colores hexadecimales. Esta herramienta busca paso a paso la cadena invert, sepia, saturate, hue-rotate, brightness y contrast que reproduce tu color sobre una imagen o un elemento negro.
Filtro CSS
—Uso: filter: …;
Comprobacion visual
El cuadrado y la imagen de la derecha llevan la cadena de filtros aplicada. Deberian verse igual que el color objetivo.
La imagen es un SVG negro incrustado en el propio HTML, sin ficheros ni CDN: el mismo truco vale para logos, iconos o PNG negros.