Simulador de cor externa e interna + verificador de contraste

Envie uma foto para comparar recolorações externas, internas, de sinalização e no estilo de UI na hora.

Verificações integradas para 4,5:1 de texto normal, 3:1 de texto grande e 3:1 de elementos de UI ajudam sua proposta a se destacar.

Fotos ficam no navegador Sobreponha sinalização, texto e mockups de UI Verificações instantâneas 4,5:1 / 3:1

Como usar

  1. Envie uma foto da fachada ou do interior.
  2. Escolha uma cena e ajuste as cores principal e de destaque.
  3. Digite título, texto corrido e texto do botão para verificar sinalização e mockups de UI.
  4. Revise o contraste e depois use a exportação PNG/JPEG ou a URL de compartilhamento na sua proposta.

Onde ajuda

Comparações de fachada e telhado

Sobreponha cores às fotos do local para comparar rapidamente opções de fachada, telhado e acabamento.

Propostas internas

Mostre salas de reunião, recepções e lounges com um estudo de cor baseado em foto.

Sinalização e painéis de diretório

Verifique como a cor do texto e a cor de fundo funcionam juntas antes da apresentação.

Pré-visualizações no estilo de UI

Transforme cartões de proposta e botões em mockups de UI limpos, mais fáceis de revisar.

Padrões de contraste

Texto normal 4,5:1

Use isto como base para texto corrido e outros textos pequenos.

Texto grande 3:1

Use 3:1 para títulos e textos grandes para confirmar contraste legível.

Elementos de UI 3:1

Use 3:1 para botões, bordas e ícones para tornar as diferenças óbvias.

Notas

  • Fotos e texto digitado são usados apenas neste dispositivo.
  • As cores reais de tinta mudam com a iluminação, substrato e materiais, então sempre confirme com amostras físicas antes da decisão final.
  • A verificação de contraste segue a fórmula WCAG e serve como guia de estágio de proposta. Siga primeiro os padrões legais ou internos quando existirem.

FAQ

As fotos são enviadas para um servidor?

Não. As fotos enviadas são processadas totalmente no navegador.

As URLs de compartilhamento incluem fotos ou texto digitado?

Não. As URLs de compartilhamento incluem apenas o cenário, as cores e as configurações de exibição.

Posso usar para trabalhos externos e internos?

Sim. Troque os cenários para revisar fachadas, interiores, sinalização e layouts no estilo de UI.

O verificador de contraste substitui uma auditoria de acessibilidade?

Não. É um guia de estágio de proposta. Faça auditorias formais e siga seus próprios padrões separadamente.