Diseño & CSS
Genera colores prácticos y CSS con una vista previa local en vivo.
Inventario de proporciones de aspecto de CSS
extrae las declaraciones de relación de aspecto y resume las proporciones únicas utilizadas por una hoja de estilos.
Abrir herramienta →Comprobador de posición fija CSS
encuentra las reglas de posicionamiento sticky e informa si cada una declara un límite de inserción utilizable.
Abrir herramienta →Inventario de unidades de viewport de CSS
enumera las unidades de viewport clásicas, pequeñas, grandes y dinámicas usadas en el CSS pegado.
Abrir herramienta →Buscador de declaraciones CSS duplicadas
encuentra propiedades declaradas más de una vez dentro de la misma regla CSS plana para una revisión enfocada.
Abrir herramienta →Inventario de desbordamiento de CSS
desbordamiento de inventario, declaraciones overflow-x y overflow-y, y resumir los valores de recorte y desplazamiento.
Abrir herramienta →Inventario de propiedades de transición CSS
extrae las propiedades CSS que han cambiado a partir de las declaraciones abreviadas y de transition-property.
Abrir herramienta →Inventario de altura de línea CSS
declaraciones de line-height de inventario y clasifica los valores sin unidad, relativos, absolutos y normales.
Abrir herramienta →Comprobador de visibilidad de enfoque CSS
comparar los selectores de enfoque y enfoque visible y las reglas de marca que suprimen los contornos de enfoque del teclado.
Abrir herramienta →Inventario de medios de impresión CSS
bloques de medios impresos de inventario y las declaraciones que se usan comúnmente para dar forma a la salida impresa.
Abrir herramienta →Comprobador de movimiento reducido CSS
inspecciona las reglas prefers-reduced-motion y marca las declaraciones de movimiento sin una ruta de reducción explícita.
Abrir herramienta →Inventario de visualización de fuentes CSS
Inventario de estrategias de visualización de fuentes dentro de las reglas de fuentes y comportamiento de carga omitido.
Abrir herramienta →Comprobador de colores forzados CSS
inspecciona las consultas de medios forced-colors y las declaraciones forced-color-adjust para comprobar la preparación para alto contraste.
Abrir herramienta →Inventario de acción táctil CSS
declaraciones de touch-action en inventario y resume las restricciones de gestos en CSS pegado.
Abrir herramienta →Inventario de selección de usuario CSS
declaraciones user-select de inventario y reglas de resaltado que deshabilitan la selección de texto.
Abrir herramienta →Inventario de color de acento CSS
declaraciones de accent-color de inventario utilizadas para dar estilo a los controles nativos de formularios.
Abrir herramienta →Inventario de la propiedad CSS scrollbar
propiedades estándar de la barra de desplazamiento y selectores heredados de scrollbar de WebKit en CSS pegado.
Abrir herramienta →Generador de casillas de verificación CSS accesibles
Crea una casilla de verificación personalizada con un estado marcado visible, un anillo de enfoque de teclado y controles de tamaño, radio y color acotados, luego copia el CSS completo en local.
Abrir herramienta →Generador de interruptor basculante CSS accesible
Genera un interruptor de alternancia sensible basado en casillas de verificación, con una geometría coherente de la pista y el pulgar, colores activos y un tratamiento de enfoque visible con el teclado.
Abrir herramienta →Generador de formas de ruta de recorte CSS
Elige un ajuste preestablecido geométrico delimitado y genera un polígono clip-path listo para estándares con una vista previa de color en vivo y sin datos de diseño cargados.
Abrir herramienta →Generador de patrones de fondo CSS
Crea fondos ligeros de puntos, cuadrícula o rayas diagonales a partir de degradados CSS, con espaciado, ancho de trazo y colores controlados en lugar de recursos de imagen.
Abrir herramienta →Generador de Glassmorphism CSS accesible
Componga un panel translúcido con color de reserva, desenfoque del fondo, borde, radio y valores de sombra mientras previsualiza el contraste sobre un fondo local controlado.
Abrir herramienta →Renderizador de HTML a SVG
Convierte un fragmento HTML saneado en un lienzo SVG escalable cuyo texto y diseño se mantengan nítidos a diferentes tamaños de visualización.
Abrir herramienta →Convertidor de HTML a PNG
Renderiza HTML sanitizado como una imagen PNG sin pérdida con un tamaño de lienzo explícito y un fondo opcional compatible con transparencia.
Abrir herramienta →Renderizador de HTML a JPG
Convierte HTML saneado en un lienzo JPEG fotográfico compacto para vistas previas, borradores de correo electrónico y contenido gráfico para redes sociales que no necesitan transparencia.
Abrir herramienta →No hay herramientas coincidentes en esta página.