Marrom - Significado, Paletas, Cores Complementares e Harmonias
Explorar marrom: psicologia das cores, o roda de cores (complementar, análogo, triádico), acessível combinações de corese paletas prontas. Converter HEX, RGB, HSL, copie as variáveis CSS e baixe uma paleta PNG.
Dica: pressione Digitar em qualquer campo para atualizar todos os valores.
Marrom de relance
Marrom sinaliza tradição, profundidade e maturidade. É amplamente utilizado em marcas de moda, editorial, ensino superior, vinho, hotelaria e luxo.
Em fundos claros, o marrom oferece contraste sólido para títulos e botões. Adicione texto esbranquiçado em blocos marrons para uma aparência refinada.
Paletas Marrom
Gerado automaticamente matizes (mais branco), tons (mais preto) e tons (mais cinza). Clique em qualquer amostra para copiar HEX ou exportar tudo como variáveis CSS. Você também pode baixar uma paleta PNG.
Matizes
Tons
Tons
Harmonias da roda de cores
Explorar complementar pares, análogo vizinhos, e triádico conjuntos deste marrom. Essas combinações ajudam você a encontrar cores que combinam bem.
Os opostos oferecem contraste nítido; verdes ricos e frescos fazem o marrom estourar.
Vizinhos do vermelho-violeta ao vermelho-laranja dão vibrações editoriais calorosas.
O espaçamento uniforme produz contraste equilibrado em painéis e gráficos.
Características
- Sincronizado HEX ↔ RGB ↔ HSL conversão.
- Paletas geradas: matizes, tons, tons.
- Harmonias da roda de cores: complementar, análogo, triádico.
- Um clique Variáveis CSS e para download PNG paleta.
Aplicativos
Use marrom para detalhes, manchetes e CTAs premium. Combine com esbranquiçado, bege, areia, carvão, verde profundo ou azul-petróleo suave. Para dados visuais, os conjuntos triádicos oferecem uma diferenciação clara, mantendo um clima refinado.
Como usar
- Insira um HEX (por exemplo
#800000) ou valores RGB/HSL e pressione Digitar. - Clique em qualquer amostra para copiar seu HEX. Experimente conjuntos complementares ou triádicos para contraste.
- Baixe o PNG da paleta ou copie as variáveis CSS para o seu sistema de design.
- Verifique o contraste (branco/preto) para manter o texto legível em UIs marrons.
Perguntas frequentes
Quais cores combinam bem com o marrom?
Branco sujo, bege, creme, carvão, ardósia, verde floresta, azul-petróleo profundo e detalhes em ouro suave.
Qual é a cor oposta do marrom?
Um oposto ciano-verde na roda RGB/HSL oferece o contraste mais forte. Escolha um verde mais profundo para os botões da marca.
O marrom é bom para o corpo do texto?
Marrom como corpo de texto em branco pode funcionar; confirme o contraste. Por segurança, mantenha marrom para títulos, acentos e componentes.
Última atualização do conteúdo: 18 de novembro de 2025.