Embellecedor y Minificador CSS

Reindenta CSS enredado para leerlo o minifícalo para publicarlo, con un modo seguro que nunca reordena tus reglas.

Sangría
Compresión
Pega o escribe CSS para embellecerlo o minificarlo.

Tu CSS se formatea y minifica en tu navegador. No se sube nada a BroBroGo.

Preguntas frecuentes

¿Cuál es la diferencia entre embellecer y minificar?

Embellecer reindenta y espacia tus estilos para que sean fáciles de leer y editar. Minificar hace lo contrario: quita los espacios y comentarios que el navegador no necesita y acorta valores como los colores, así el archivo es más pequeño y carga más rápido. Embellece mientras trabajas y minifica antes de publicar.

¿Qué hacen los modos de compresión Seguro y Optimizado?

Seguro solo quita espacios y comentarios y acorta valores, dejando cada regla justo donde la escribiste. Optimizado va más allá y fusiona selectores y reglas duplicados para un archivo más pequeño; puede reordenar reglas, así que en hojas de estilo que dependen del orden conviene revisarlo antes de publicar. Los comentarios marcados con /*! … */ se conservan en ambos modos.

¿Minificar cambiará el aspecto de mi página?

En modo Seguro, no: tus estilos se ven exactamente igual. Solo colapsa los espacios, elimina los comentarios normales y reescribe los valores en formas equivalentes más cortas (como #ffffff en #fff), y nunca toca tus prefijos de proveedor ni la sintaxis moderna. El modo Optimizado también fusiona reglas, lo que se ve idéntico en casi cualquier hoja de estilo, pero conviene comprobarlo si la tuya depende del orden de las reglas.

Embellecedor y Minificador HTMLReindenta HTML enredado para leerlo o minifícalo para publicarlo, con una comprobación opcional de etiquetas rotas.Calculadora de CSS clamp()Define un tamaño para pantallas pequeñas y otro para grandes y obtén un valor clamp() fluido que escala con suavidad entre ambos — para tamaños de fuente, padding, márgenes o gaps.Generador de Degradados CSSCrea degradados lineales, radiales o cónicos, añade paradas de color y ajusta la dirección; copia el CSS con un clic.Generador de Sombras CSSAjusta deslizadores para dar forma a un box-shadow, apila varias capas para dar profundidad y copia el CSS al instante.Conversor de colorConvierte colores entre HEX, RGB, HSL, HSV, CMYK y LAB: edita cualquier campo y el resto se actualiza al momento.Formateador JSONFormatea, valida y minifica JSON al instante.