REM (root em) é uma unidade CSS relativa ao tamanho de fonte raiz do documento, geralmente 16px. Como os valores rem escalam com as configurações de fonte do navegador do usuário, designs construídos com rem permanecem acessíveis e proporcionais em qualquer dispositivo — diferente de valores fixos em pixels.
Digite um valor em pixels para ver seu equivalente em rem, ou digite um valor rem para converter de volta. Ajuste o tamanho de fonte base para o seu projeto (alguns sistemas de design usam raízes de 10px ou 20px). A tabela cobre os tamanhos mais comuns, e a comparação visual mostra como ambas as unidades renderizam idênticas com o mesmo tamanho raiz.
Frequently Asked Questions
Q: Qual é a diferença entre REM e EM?
Qual é a diferença entre REM e EM? rem é sempre relativo ao tamanho de fonte raiz (html). em é relativo ao tamanho de fonte do elemento pai, então em se acumula em elementos aninhados enquanto rem permanece consistente.
Q: Por que usar REM em vez de PX?
Por que usar REM em vez de PX? REM escala com as configurações de acessibilidade do usuário — quem aumenta o tamanho da fonte do navegador vê todo o texto maior. PX permanece fixo e pode quebrar layouts ou acessibilidade. A prática moderna é usar rem para tipografia e espaçamento.
Q: Qual é o tamanho de fonte base padrão?
Qual é o tamanho de fonte base padrão? Todos os navegadores principais usam 16px = 1rem por padrão. Então 32px = 2rem, 8px = 0.5rem e 24px = 1.5rem na raiz padrão.
Q: Posso usar REM em media queries?
Posso usar REM em media queries? Sim. Media queries escritas em rem respondem às configurações de fonte do usuário, não apenas à largura do viewport — uma melhoria sutil de acessibilidade em relação a breakpoints em px.
Q: Preciso converter cada valor manualmente?
Preciso converter cada valor manualmente? Não. Ferramentas de build modernas (PostCSS, Tailwind) fazem as conversões automaticamente. Use esta calculadora para conversões rápidas e para revisar CSS escrito à mão.
Cores do Brasil
Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.
Verde Bandeira #009C3BO verde da bandeira nacional, símbolo das matas
Amarelo Bandeira #FFDF00O ouro do losango da bandeira brasileira
Azul Bandeira #002776O azul do círculo e das estrelas
Azul Azulejo #1E5FA8Herança dos azulejos portugueses em igrejas e casarões
Rosa Choque #FF1493A energia vibrante do carnaval e das marcas jovens
Verde Amazônia #228B22A floresta tropical, pulmão do planeta
Amarelo Ouro #FFD700O ouro do barroco mineiro de Ouro Preto
Terracota Nordestina #CD5C5CA argila do sertão e do artesanato nordestino
Anil #4B0082Cor do vestido tradicional das baianas
Branco Areia #EDE4D3As praias de areia clara do litoral
Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.