Diseño & CSS
Genera colores prácticos y CSS con una vista previa local en vivo.
Convertidor de Colores
Convierte colores HEX, RGB y HSL y previsualiza el resultado exacto.
Abrir herramienta →Generador de degradados CSS
Crea un degradado lineal de dos colores y copia CSS listo para producción.
Abrir herramienta →Comprobador de contraste WCAG
calcula la relación de contraste entre dos colores y comprueba los umbrales de texto comunes WCAG AA y AAA.
Abrir herramienta →Generador de sombras de caja CSS
compón una sombra de caja con valores en vivo de color, desplazamiento, desenfoque y extensión.
Abrir herramienta →Generador de sombra de texto CSS
redacta una declaración text-shadow legible y prévisualízala sobre un fondo elegido.
Abrir herramienta →Generador de radio de borde CSS
establece cuatro radios de esquina independientes y exporta la declaración CSS resultante.
Abrir herramienta →Generador CSS Clamp adaptable
calcular una expresión de pinza fluida entre tamaños mínimo y máximo a lo largo de los anchos del viewport.
Abrir herramienta →Conversor PX ↔ REM
convierte píxeles y unidades rem usando un tamaño de fuente raíz explícito para diseños accesibles.
Abrir herramienta →Generador de triángulos CSS
genera un triángulo de borde CSS de tamaño cero para cuatro direcciones con tamaño y color configurables.
Abrir herramienta →Generador de tonos de color
crear una escala de tonos de claro a oscuro determinista a partir de un color HEX con variables CSS copiables.
Abrir herramienta →Generador de cargador CSS
genera un spinner ligero y accesible con tamaño, grosor, velocidad y colores configurables.
Abrir herramienta →Calculadora de especificidad CSS
calcular la especificidad de los selectores y comparar IDs, clases, atributos, pseudoclases y selectores de elementos.
Abrir herramienta →Generador de funciones de suavizado CSS
valida los puntos de control cubic-bezier y genera CSS de temporización de transición reutilizable.
Abrir herramienta →Extractor de propiedades personalizadas CSS
busca declaraciones de variables CSS, definiciones duplicadas y sus últimos valores de texto resueltos.
Abrir herramienta →Constructor de consultas de medios CSS
generar consultas de medios de ancho, orientación y preferencia de movimiento a partir de condiciones responsivas explícitas.
Abrir herramienta →Extractor de valores de color CSS
extrae y cuenta valores de color HEX, RGB, HSL y funcionales modernos de CSS pegado.
Abrir herramienta →Generador de reglas compatible con CSS
generar consultas de características positivas y de reserva a partir de una sola declaración CSS validada.
Abrir herramienta →Generador de pilas de fuentes CSS
construye una pila de font-family entre comillas con una fuente genérica de reserva explícita y eliminación de duplicados.
Abrir herramienta →Analizador de índice Z de CSS
extrae declaraciones numéricas de z-index y clasifica los valores de apilamiento sin ejecutar la hoja de estilos.
Abrir herramienta →Auditor de duración de animación CSS
Inventario de animación y tiempos de transición e informe si el manejo de movimiento reducido está presente.
Abrir herramienta →Inventario de puntos de interrupción de CSS
extrae los puntos de interrupción de media query min-width y max-width y reporta su frecuencia y orden.
Abrir herramienta →Comprobador de propiedades lógicas CSS
compara el uso de propiedades CSS físicas y relativas al flujo para diseños compatibles con writing-mode.
Abrir herramienta →Inventario de tamaños de fuente CSS
extrae las declaraciones de font-size por valor y unidad para revelar escalas tipográficas inconsistentes.
Abrir herramienta →Analizador de pistas de cuadrícula CSS
declaraciones de filas y columnas de plantilla de cuadrícula de inventario con resúmenes del uso de repeat y minmax.
Abrir herramienta →No hay herramientas coincidentes en esta página.