Generador de filtro de modo oscuro
Genera un filtro CSS que convierte una interfaz clara en oscura sin reescribir ninguno de sus estilos. Dale un color de fondo objetivo y resuelve la cadena de filtros por ti, o ajusta las funciones de filtro individuales a mano y observa la vista previa actualizarse.
Cómo usarlo
Introduce el color de fondo oscuro que quieres, y el solucionador calcula los valores invert, sepia, saturate, hue-rotate, brightness y contrast que transforman el blanco en ese color. La vista previa aplica el filtro a una interfaz de maqueta para que juzgues el resultado, y el panel CSS guarda la declaración lista para pegar.
- Solucionador de color objetivo para la cadena de filtros
- Control manual de cada función de filtro
- Vista previa en vivo sobre una interfaz de maqueta
- Regla complementaria para mantener las imágenes normales
- Preajustes para temas oscuros comunes
El problema de las imágenes
Un filtro invert general también invierte tus fotografías, convirtiéndolas en negativos. La solución habitual es aplicar el mismo filtro una segunda vez a las imágenes, lo que cancela la inversión dejando la interfaz circundante oscura. El CSS generado incluye esa regla.
Herramientas de imagen y color relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con Filtro modo oscuro: