Teste de temas

Duas referências de design interativas e controlos partilhados. Explore ambos os temas e tamanhos de ecrã.

Referência da página inicial

Encontre ferramentas.Continue a trabalhar.

Ferramentas de JSON, texto e cor. No seu navegador.

Explorar todas as ferramentas
JSON Formatter 
{
  "project": "onDevTools",
  "ready": true
}

Acesso rápido

Formatador JSONGerador de SenhasGerador de Gradiente

Referência de ferramenta

JSON Formatter

Formate e valide o seu JSON.

Resultado

{
  "project": "onDevTools",
  "ready": true
}

JSON válido

Opções avançadas

Estados dos controlos

Exemplos de controlos principais, secundários, de eliminação e desativados.

Cor principal (HSL)

Escala tipográfica

Texto XS

Texto SM

Texto Base

Texto MD

Texto LG

Texto XL

Texto 2XL

Texto 3XL

Cores

PrincipalSucessoAvisoPerigo

Elevação

1
2
3
4
5