Formate CSS compacto para revisar seletores, propriedades e media queries com menos ruido.
Entrada / Saida
Entrada, saida e acoes de copiar ficam nesta area principal. Exemplos e verificacoes ficam separados abaixo.
Sessao local
O estado da entrada fica salvo apenas neste navegador para restaurar o ultimo trabalho sem conta.
Abra exemplos, checagens e ferramentas relacionadas apenas depois do fluxo principal de entrada e saida.
Revisar um snippet CSS
Formate o snippet CSS, copie o relatorio CSS e depois revise minificacao e contraste.
Formate o snippet e copie o relatorio com selector, token, cascade, specificity e checklist.
Se for compartilhar CSS compacto, revise compressao, remocao de comentarios e relatorio minificado.
Revise tokens de cor contra contraste WCAG se o snippet alterar cores visiveis.
Verificar acessibilidade de cor
Converta cores de frente/fundo, copie um relatorio WCAG e revise tokens CSS e assets visuais antes da publicacao.
Converta pares HEX/RGB/HSL, revise AA/AAA e copie o relatorio de acessibilidade.
Revise nomes de tokens CSS, seletores e cores duplicadas antes do commit.
Verifique se iniciais de marca ou icones pequenos continuam legiveis no fundo escolhido.
Antes de copiar
Falhas comuns
Ferramentas relacionadas
Guias
Abra exemplos, checagens e ferramentas relacionadas apenas depois do fluxo principal de entrada e saida.
.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}Exemplos CSS
Blocos selector
1
Declaracoes
3
Media queries
0
Linhas de saida
5
Revise seletores, valores, regras @ e tamanho minificado antes de copiar.
Propriedades personalizadas
0
Nenhuma propriedade personalizada detectada.
Valores de cor
1
#111
Regras @
0
Nenhuma regra @ detectada.
Taxa de compressao
0%
Reducao estimada apos remover espacos e comentarios.
Previa de seletores
Primeiros seletores encontrados no snippet.
Relatorio de revisao CSS
Copie um relatorio de handoff com seletores, tokens, cascade, specificity, compressao, avisos e checklist.
Modo de saida
Formatar
Blocos selector
1
.card
Declaracoes
3
Propriedades personalizadas
0
Nenhuma propriedade personalizada detectada.
Valores de cor
1
#111
Regras @
0
Nenhuma regra @ detectada.
Seletores duplicados
Nao
Risco de specificity ID
Nao
Comentarios presentes
Nao
Taxa de compressao
0%
Notas de revisao
Checklist de revisao
# Relatorio de revisao CSS - Revisado em: Hora de copia no navegador - Modo de saida: Formatar - Caracteres: 39 - Linhas de saida: 5 - Blocos selector: 1 - Declaracoes: 3 - Propriedades personalizadas: 0 - Valores de cor: 1 - Regras @: 0 - Seletores duplicados: Nao - Risco de specificity ID: Nao - Comentarios presentes: Nao - Taxa de compressao: 0% - O CSS bruto nao entra neste relatorio; anexe um snippet redigido se necessario. ## Notas de revisao - Este formatter leve e para snippets pequenos. Rode o formatter do projeto antes de commitar folhas grandes. ## Checklist de revisao - Teste o CSS no breakpoint, tema e navegador destino antes de publicar. - Confirme que ordem de seletores, duplicados e specificity combinam com a cascade desejada. - Compare propriedades personalizadas e tokens de cor com o design system antes de copiar. - Preserve licencas e comentarios de handoff ao minificar ou colar em docs. - Rode o formatter ou build pipeline do projeto antes de commitar grandes mudancas de stylesheet.
Saida pronta para copiar
.card {
display:flex;
gap:16px;
color:#111
}