Régua Online

Pare de adivinhar o tamanho e os ângulos dos objetos na sua tela! A Régua Online é uma ferramenta profissional projetada para transformar sua tela em uma referência de medição do mundo real.

🎉 Atualização v2.2.0: Controles por teclado e ajustes precisos (pixel-perfect) para réguas web.

Régua Online

Meça dimensões reais na sua tela

Use uma régua online para medir comprimentos na sua tela em centímetros, milímetros ou polegadas. Calibre-a usando um objeto de tamanho conhecido para obter medições precisas na proporção 1:1.

Experimente online agora →

Transferidor Online

Medindo ângulos com um transferidor virtual

Posicione o transferidor online sobre um ângulo em uma imagem, diagrama ou esboço de projeto. Alinhe o centro do transferidor com o vértice do ângulo e, em seguida, leia a medida na escala — não é necessário instalar nada nem adicionar extensões.

Experimente online agora →

Medidor de ângulos de três pontos

Medição de ângulos usando duas hastes ajustáveis

Posicione o vértice e, em seguida, arraste as duas hastes para alinhá-las aos lados do ângulo. A ferramenta calcula automaticamente o ângulo entre elas, facilitando a medição de diversos ângulos irregulares em imagens, diagramas e rascunhos de projetos.

Experimente online agora →
Régua Online

Recursos principais

✨

Calibração em Nível Físico

Alinhe a ferramenta com objetos físicos padrão — como um cartão de crédito, uma folha A4 ou uma moeda — para calcular automaticamente o PPI exato da sua tela. Suporta botões +/- para microajustes de 1 pixel.

📏

Três Principais Ferramentas de Medição

Régua de Tela: Suporta escalas métricas e imperiais para medir comprimento, espaçamento e dimensões de elementos.
Transferidor Padrão: Um transferidor semitransparente com rotação de 360° baseado nos dados de calibração de PPI para um tamanho físico real na tela.
Transferidor Dinâmico de Três Pontos: Mede ângulos arbitrários através de um vértice e duas extremidades dinâmicas, com exibição de ângulo em tempo real, braços extensíveis, área de setor semitransparente e ajuste de cor/transparência.

⌨️

Controles por teclado para ajustes com precisão de pixel e alternância de foco

Posicionamento preciso: Após selecionar uma régua, você pode usar as teclas de seta para ajustar sua posição em incrementos de 1 pixel. Mantenha a tecla Shift pressionada ao usar as teclas de seta para movê-la em incrementos de 10 pixels — eliminando a instabilidade frequentemente causada ao arrastar com o mouse.
Alternância entre várias réguas: Quando houver várias réguas, você pode alternar entre elas pressionando a tecla Tab (ou Shift + Tab), uma vez que uma das réguas esteja em foco.

🧩

Suporte a Múltiplas Ferramenta

Adicione várias réguas, transferidores padrão ou transferidores dinâmicos de três pontos na mesma página para necessidades complexas de medição comparativa e posicionamento geométrico.

📏

Modos de Medição Duplos

Modo de Janela Independente: Abre uma janela de régua limpa e "sempre visível", com suporte a redimensionamento e rotação horizontal/vertical.
Modo de Sobreposição na Página: Exibe réguas ou transferidores flutuantes diretamente sobre qualquer página da web com transparência ajustável.

🔄

Rotação, Encaixe e Alinhamento de Ângulos

Liberte-se das restrições horizontais e verticais. Use a alça de rotação para ajustar o ângulo da régua ou transferidor padrão em tempo real. As réguas e transferidores suportam encaixe em ângulos-chave (45°/90°).
Os braços do transferidor de três pontos também suportam encaixe independente em múltiplos de 45°.

📐

Deslocamento Zero e Redefinição

Simula a borda protetora do "ponto zero" e permite configurar um deslocamento inicial personalizado (em mm). Inclui uma função de "Redefinir" com um clique para restaurar a medição base.

🎨

Materiais, Cores e Transparência

As réguas suportam texturas de Madeira, Plástico ou Metal com filtros SVG dinâmicos, equilibrando profissionalismo e conforto de leitura. Plásticos oferecem várias opções de cores.
Os transferidores oferecem vários esquemas de cores semitransparentes, garantindo visibilidade clara em qualquer fundo.
O transferidor de três pontos suporta ajuste individual da transparência da área do setor.

📏

Suporte Abrangente a Escalas

Métrico: Escalas de Centímetros (CM) e Milímetros (MM).
Imperial: Escalas de Polegadas (Inch), com subdivisões de alta precision de até 1/16 de polegada.

🔄

Lógica de Interação Flexível

Redimensionamento por Toda a Borda: No modo overlay, arraste qualquer ponto da extremidade da régua para ajustar seu comprimento.
Colaboração precisa: integração fluida entre o arrastar do mouse e as teclas de seta do teclado para ajustes minuciosos, em nível de pixel.
Sincronização em Tempo Real: Mudanças em materiais, cores, configurações do popup ou deslocamentos são aplicadas instantaneamente.

💾

Privacidade e Armazenamento Local

Todos os dados de calibração (PPI, unidades, deslocamentos) são armazenados exclusivamente no seu navegador local e não são enviados para servidores externos.

Guias e dicas

Veja em ação

Como usar a Régua Online - Passo 1
Como usar a Régua Online - Passo 2
Como usar a Régua Online - Passo 3
Como usar a Régua Online - Passo 4
Como usar a Régua Online - Passo 5

Como usar

1

Primeiro Uso

Clique no ícone da extensão e entre no "Modo de Calibração".

2

Alinhar e Calibrar

Selecione uma referência e ajuste até que a caixa vermelha coincida com o objeto físico.

3

Começar a Medir

Clique em "Adicionar Régua" ou "Adicionar Transferidor" para começar a medir.

4

Trocar Estilos

Clique nos ícones da barra de ferramentas para trocar materiais, cores ou ajustar a transparência.

5

Posição e Ângulo

Arraste o corpo principal para mover e o controle de rotação no final para ajustar o ângulo.

Perguntas frequentes

Primeiros Passos

Como abro a Régua Online após a instalação?

Clique no ícone de quebra-cabeça 🧩 no canto superior direito do seu navegador, encontre a "Régua Online" e clique no ícone de pino ao lado dela para fixá-la na barra de ferramentas. Depois, basta clicar no ícone para abrir a régua a qualquer momento.

Esta extensão pode realmente transformar minha tela em uma régua real? Ela é tão precisa quanto uma física?

Sim. Como telas diferentes têm resoluções diferentes, imagens normais não são precisas. Esta extensão utiliza a "Calibração Física" — ao alinhá-la uma única vez com um cartão de crédito ou papel A4, ela memoriza o tamanho real da sua tela para garantir precisão 1:1.

Não tenho um cartão de crédito, ainda posso calibrar?

Sim. O sistema suporta múltiplos objetos de referência, como papel A4 ou moedas. Adicionaremos mais padrões, como papel A5 ou tamanhos comuns de tela de celular, no futuro.

Operação

Qual é a diferença entre os modos "Janela Independente" e "Sobreposição de Página"?

A "Janela Independente" abre uma janela de régua limpa e redimensionável que você pode arrastar para qualquer lugar e manter sobre outros aplicativos. A "Sobreposição de Página" injeta a régua diretamente na sua página da web atual com suporte a transparência, para que não bloqueie sua leitura.

Posso adicionar várias réguas na mesma página?

Sim! Na versão 2.0.0, suportamos o uso simultâneo de múltiplas réguas e transferidores. Você pode clicar em "Adicionar Régua" ou "Adicionar Transferidor" várias vezes, e cada ferramenta pode ser movida, girada, redimensionada e personalizada (material/cor) de forma independente, sendo ideal para medições comparativas e posicionamento geométrico.

Como altero o material e a cor da régua?

Você pode encontrar opções de troca de material na barra de ferramentas no final da régua ou no menu Popup da extensão. Atualmente suportamos Madeira, Plástico e Metal. Quando "Plástico" estiver selecionado, você também pode alternar entre diferentes esquemas de cores.

E se a ponta da régua bloquear o objeto que estou medindo?

Você pode usar o recurso "Deslocamento Zero". Ele simula a extremidade protetora de uma régua física, permitindo definir um espaço inicial (em mm) e redefini-lo para zero com um clique.

Como faço para estender ou encurtar a régua?

É muito simples. No modo de sobreposição, você não precisa procurar por cantos minúsculos; basta arrastar qualquer lugar ao longo das bordas da régua para ajustar seu comprimento.

Posso girar a régua para medir objetos diagonais ou inclinados?

Sim! Basta arrastar o controle de rotação no final da régua. Ela também suporta encaixe de precisão em 45°, 90° e 180° para ajustes rápidos.

Posso adicionar um transferidor além de uma régua?

Sim! Na versão 2.0.0, adicionamos o recurso "Transferidor Geométrico". Você pode inserir um transferidor com precisão 1:1 clicando em "Adicionar Transferidor". Ele também suporta rotação de 360°, vários esquemas de cores e sincronização de calibração física com base em seus dados de PPI.

Quais são os recursos especiais do transferidor?

O transferidor completo suporta calibração síncrona baseada em PPI, rotação livre de 360° e vários esquemas de cores semitransparentes (Azul Clássico, Verde Tech, etc.), tornando-o fácil de usar em qualquer plano de fundo de página web.

O que é o Transferidor Dinâmico de Três Pontos? Como ele difere de um transferidor padrão?

O Transferidor Dinâmico de Três Pontos mede ângulos usando um vértice e dois pontos finais. Ao contrário de um transferidor padrão, ele não requer alinhamento com uma escala fixa; em vez disso, você simplesmente arrasta os três pontos de controle diretamente para alinhá-los com elementos em uma página da web. Ele é particularmente adequado para medir ângulos não padronizados, as bordas de maquetes de design ou ângulos geométricos em imagens.

Os braços de medição do Transferidor Dinâmico de Três Pontos podem ser estendidos?

Sim. Você pode arrastar diretamente os dois pontos finais e os braços de medição se estenderão infinitamente conforme você faz isso. Isso o torna ideal para medir elementos de páginas da web com grandes extensões, longas linhas diagonais ou formas geométricas complexas.

Posso ajustar a transparência da área central do transferidor de três pontos?

Sim. O transferidor de três pontos permite ajustar a transparência da área central de forma independente. Isso garante que você possa visualizar claramente a faixa de medição atual sem que o setor obstrua a visualização do texto ou dos detalhes da página da web subjacente.

Configurações e Dados

Meus dados de calibração serão perdidos se eu mudar de página?

Não. Seus dados de calibração (como o PPI), preferências de unidade e deslocamentos são sincronizados e salvos em tempo real. As configurações são aplicadas instantaneamente, sejam alteradas no popup ou em diferentes páginas.

A régua suporta polegadas?

Sim. Esta extensão oferece escalas tanto no sistema Métrico (CM, MM) quanto no Imperial (Polegadas), com unidades imperiais de alta precisão divisíveis em até 1/16 de polegada.

Segurança e Privacidade

A extensão lê meu histórico de navegação ou dados privados?

Não. Todos os dados de calibração e preferências são salvos localmente no seu navegador. Nenhum dado é enviado para servidores.

As texturas dos materiais são reais? Elas vão deixar o navegador lento?

Todos os materiais (Madeira, Plástico, Metal) usam tecnologia SVG para gerar efeitos visuais realistas de forma dinâmica. Eles são bonitos, nítidos e muito leves, portanto não causarão lentidão no seu navegador.

Registro de atualizações

Código Aberto

Esta extensão é de código aberto e o código está disponível no GitHub. Contribuições são bem-vindas!

Ver Código-Fonte no GitHub

Crie seu kit de ferramentas

Confira minhas outras ferramentas de produtividade para o Chrome.

🚀
Explorar mais extensões