Ordena CSS minificado o desalineado en bloques legibles para editar y revisar estilos.
Entrada / Salida
La entrada, la salida y las acciones de copiar quedan en esta superficie principal. Los ejemplos y revisiones quedan abajo.
Sesion local
El estado de entrada se guarda solo en este navegador para restaurar el ultimo trabajo sin cuenta.
Abre ejemplos, comprobaciones y herramientas relacionadas solo cuando termine el flujo principal.
Revisar un snippet CSS
Formatea el snippet CSS, copia el reporte CSS y luego revisa minificacion y contraste.
Formatea el snippet y copia el reporte con selector, token, cascade, specificity y checklist.
Si compartiras CSS compacto, revisa compresion, eliminacion de comentarios y reporte minificado.
Revisa tokens de color contra contraste WCAG si el snippet cambia colores visibles.
Revisar accesibilidad de color
Convierte colores de frente/fondo, copia un reporte WCAG y revisa tokens CSS y assets visuales antes de publicar.
Convierte pares HEX/RGB/HSL, revisa AA/AAA y copia el reporte de accesibilidad.
Revisa nombres de tokens CSS, selectores y colores duplicados antes de commitear.
Comprueba si iniciales de marca o iconos pequenos siguen legibles sobre el fondo elegido.
Antes de copiar
Fallos comunes
Herramientas relacionadas
Guias
Abre ejemplos, comprobaciones y herramientas relacionadas solo cuando termine el flujo principal.
.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}Ejemplos CSS
Bloques selector
1
Declaraciones
3
Media queries
0
Lineas de salida
5
Revisa selectores, valores, reglas @ y tamano minificado antes de copiar.
Propiedades personalizadas
0
No se detectaron propiedades personalizadas.
Valores de color
1
#111
Reglas @
0
No se detectaron reglas @.
Ratio de compresion
0%
Reduccion estimada tras quitar espacios y comentarios.
Vista de selectores
Primeros selectores encontrados en el snippet.
Reporte de revision CSS
Copia un reporte de traspaso con selectores, tokens, cascade, specificity, compresion, avisos y checklist.
Modo de salida
Formatear
Bloques selector
1
.card
Declaraciones
3
Propiedades personalizadas
0
No se detectaron propiedades personalizadas.
Valores de color
1
#111
Reglas @
0
No se detectaron reglas @.
Selectores duplicados
No
Riesgo de specificity ID
No
Comentarios presentes
No
Ratio de compresion
0%
Notas de revision
Checklist de revision
# Reporte de revision CSS - Revisado en: Hora de copia del navegador - Modo de salida: Formatear - Caracteres: 39 - Lineas de salida: 5 - Bloques selector: 1 - Declaraciones: 3 - Propiedades personalizadas: 0 - Valores de color: 1 - Reglas @: 0 - Selectores duplicados: No - Riesgo de specificity ID: No - Comentarios presentes: No - Ratio de compresion: 0% - El CSS raw no se incluye en este reporte; adjunta un snippet redactado si hace falta. ## Notas de revision - Este formatter ligero es para snippets pequenos. Ejecuta el formatter del proyecto antes de commitear hojas grandes. ## Checklist de revision - Prueba el CSS en el breakpoint, tema y navegador destino antes de publicar. - Confirma que orden de selectores, duplicados y specificity coincidan con la cascade prevista. - Compara propiedades personalizadas y tokens de color con el design system antes de copiar. - Conserva licencias y comentarios de traspaso al minificar o pegar en docs. - Ejecuta el formatter o build pipeline del proyecto antes de commitear cambios grandes de stylesheet.
Salida lista para copiar
.card {
display:flex;
gap:16px;
color:#111
}