O branco simboliza pureza, clareza e simplicidade. É uma das cores mais usadas em design web, branding e interfaces digitais graças à sua capacidade de transmitir limpeza, amplitude e elegância.
O branco reflete a luz e expande visualmente o espaço. Simboliza pureza, clareza e simplicidade, e transmite limpeza, amplitude e elegância em design web e interfaces.
Para além de melhorar a legibilidade, o branco ajuda a organizar a informação e permite que outras cores se destaquem mais facilmente.
O branco associa-se frequentemente a conceitos como:
Embora o seu significado possa variar consoante a cultura, representa em geral novos começos, honestidade e calma.
Na psicologia das cores, o branco transmite ordem, calma e sensação de amplitude. Ajuda a reduzir o ruído visual e favorece a concentração, pelo que é frequentemente usado em interfaces minimalistas e espaços onde a clareza é prioritária.
As emoções que habitualmente evoca são:
Em design digital, é frequentemente usado como cor de fundo para melhorar a legibilidade e proporcionar uma experiência visual limpa.
O branco está presente em praticamente todas as disciplinas relacionadas com design. Encontra-se com frequência em:
A sua neutralidade facilita a combinação com qualquer outra cor.
Embora possa parecer uma única cor, existem muitos brancos em HTML e CSS. Entre os mais conhecidos estão:
| Nome | Amostra | Hex | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| White | |||||
| Snow | |||||
| GhostWhite | |||||
| WhiteSmoke | |||||
| FloralWhite | |||||
| Ivory | |||||
| MintCream | |||||
| Azure | |||||
| HoneyDew | |||||
| Seashell | |||||
| Linen | |||||
| OldLace | |||||
| Beige |
Cada um acrescenta matizes subtis quentes ou frios que podem alterar completamente a sensação de uma interface.
Cores HTMLO branco combina com praticamente qualquer cor do círculo cromático. Algumas combinações especialmente populares são:
#111111#6B7280#2563EB#16A34A#EF4444#FFA500#FFD700#7C3AED#8B4513#DAA520A sua neutralidade torna-o uma das cores mais versáteis para composições equilibradas.
O branco não tem cor complementar no círculo cromático, pois é considerado uma cor acromática, como o preto e os cinzentos. A sua principal vantagem é poder combinar com praticamente qualquer cor sem conflitos visuais.
As harmonias desta página usam a mesma lógica do Círculo cromático e do Gerador de paletas do Matizly. O branco atua como cor de apoio dentro de qualquer harmonia cromática.
Suaviza transições entre cores semelhantes e acrescenta luminosidade.
As variações são geradas com as mesmas funções do estúdio Matizly. Para brancos, as mais úteis são escalas de luminosidade e matizes quentes ou frios:
Brancos frios
Estes ajustes permitem adaptar o branco a fundos, cartões e superfícies sem perder a sensação de limpeza.
As paletas com branco transmitem elegância, limpeza e minimalismo. Algumas combinações populares são:
3 cores
3 cores
3 cores
3 cores
3 cores
3 cores
Estas combinações são muito comuns em design web, branding e decoração.
Paletas de coresO branco oferece excelente contraste sobre cores escuras, tornando-o ideal para texto e componentes em interfaces em modo escuro.
No entanto, texto branco sobre fundos claros pode dificultar a leitura. Por isso, recomenda-se verificar sempre o contraste face às orientações WCAG.
Garantir boa acessibilidade melhora a experiência para todos os utilizadores.
Texto preto / fundo branco
18.88:1AA ✓
Texto cinzento / fundo branco
7.56:1AA ✓
Texto branco / fundo preto
18.88:1AA ✓
Texto branco / fundo azul
6.70:1AA ✓
O branco funciona muito bem como ponto de transição em gradientes suaves. Algumas combinações comuns são:
#FFFFFF → #2563EB#FFFFFF → #9CA3AF#FFFFFF → #F5F5DC#FFFFFF → #F9A8D4#FFFFFF → #06B6D4#FFFFFF → #C4B5FDEstes gradientes são amplamente usados em landing pages, aplicações móveis e interfaces minimalistas.
Gerador de gradientesO branco é a base da maioria das interfaces modernas graças à sua capacidade de melhorar a legibilidade e organizar o conteúdo. O seu uso ajuda a criar interfaces limpas, modernas e fáceis de navegar.
O branco simboliza pureza, limpeza, paz, clareza e simplicidade. É uma das cores mais usadas para transmitir ordem e calma.
O branco combina com praticamente qualquer cor, especialmente preto, cinzento, azul, verde, vermelho, dourado e bege.
O branco não tem cor complementar porque pertence ao grupo das cores acromáticas, juntamente com o preto e os cinzentos.
É amplamente usado em design web, interfaces de utilizador, branding, saúde, arquitetura, e-commerce, design editorial e aplicações móveis.
Escolha qualquer cor e copie Hex, RGB, HSL ou OKLCH com tons e harmônicas.
ExperimentarExplore paletas prontas e guarde as favoritas neste dispositivo.
ExperimentarExplore harmônicas num círculo interativo e crie paletas equilibradas.
Experimentar