Conversão de Cor
#ffffffLuz de Alvorada
Sobre esta cor
tranquilo e etéreo
O branco puro, como um despertar suave da manhã, evoca uma sensação de limpeza e renovação. É a tela em branco sobre a qual todos os sonhos podem ser pintados, transmitindo paz e clareza.
Psicologia
Traços psicológicos e associações emocionais
Efeito
O branco tem o poder de acalmar a mente, promovendo um estado de alerta e foco, além de inspirar sentimentos de frescor e renovação.
Significado e simbolismo
Simbolismo e significado cultural
Significado cultural
Em muitas culturas, o branco é associado a rituais de purificação e celebrações, como casamentos e cerimônias de batismo. No Ocidente, é frequentemente visto como símbolo de paz, enquanto em algumas culturas orientais, pode representar luto.
Aplicações no design
Como essa cor é usada em diferentes áreas
Arquitetura
Utilizado para criar espaços que transmitem abertura e luz, o branco é frequentemente escolhido em design de interiores para ampliar visualmente ambientes.
Moda
Clássico e atemporal, o branco é usado em roupas para simbolizar elegância e frescor, sendo uma escolha popular para eventos formais.
Design Gráfico
No design, o branco serve como fundo ideal, permitindo que outras cores se destaquem e criando uma estética minimalista.
Arte
Artistas utilizam o branco para transmitir sentimentos de paz e calma, muitas vezes como parte de composições que exploram a luz.
Fotografia
Na fotografia, o branco é essencial para controlar a iluminação e criar contrastes, sendo uma escolha frequente em retratos e natureza morta.
Importância histórica
A história e herança desta cor
Historicamente, o branco tem sido uma cor de grande importância simbólica. Na Antiguidade, as civilizações valorizavam o branco por sua associação com a luz e a divindade, frequentemente usando pigmentos brancos em templos e estátuas. No Renascimento, artistas começaram a explorar o uso do branco em suas paletas, utilizando-o para criar contrastes e iluminar suas obras.
Ao longo dos séculos, o branco evoluiu em seu significado cultural. No século XX, tornou-se um símbolo de modernidade e minimalismo, influenciando movimentos artísticos e de design que enfatizavam a simplicidade. Hoje, a cor branca continua a ser relevante, não apenas na estética contemporânea, mas também como um símbolo de paz e harmonia em um mundo cada vez mais agitado.
Variações
O objetivo desta seção é produzir com precisão tons (branco puro adicionado) e sombras (preto puro adicionado) da sua cor selecionada em incrementos de 10%.
Dica Pro: Use sombras para estados de hover e sombras, tons para destaques e fundos.
Sombras
Variações mais escuras criadas adicionando preto à sua cor base.
Tons
Variações mais claras criadas adicionando branco à sua cor base.
Casos de Uso Comuns
- • Estados de componentes de UI (hover, ativo, desativado)
- • Criando profundidade com sombras e destaques
- • Construindo sistemas de cores consistentes
Dica de Sistema de Design
Essas variações formam a base de uma paleta de cores coesa. Exporte-as para manter a consistência em todo o seu projeto.
Combinações de Cores
Cada harmonia tem seu próprio humor. Use harmonias para criar combinações de cores que funcionem bem juntas.
Como Usar
Clique em qualquer cor para copiar seu valor hex. Essas combinações são matematicamente comprovadas para criar harmonia visual.
Por Que Importa
Harmonias de cores criam equilíbrio e evocam emoções específicas em seus designs.
Complemento
Uma cor e seu oposto na roda de cores, +180 graus de matiz. Alto contraste.
Complementar dividido
Uma cor e duas adjacentes ao seu complemento, +/-30 graus de matiz do valor oposto à cor principal. Ousado como um complemento direto, mas mais versátil.
Triádico
Três cores espaçadas uniformemente na roda de cores, cada uma a 120 graus de matiz. Melhor permitir que uma cor domine e usar as outras como acentos.
Análogo
Três cores com a mesma luminância e saturação com matizes adjacentes na roda de cores, 30 graus de diferença. Transições suaves.
Monocromático
Três cores do mesmo matiz com valores de luminância +/-50%. Sutil e refinado.
Tetrádico
Dois conjuntos de cores complementares, separados por 60 graus de matiz.
Princípios da teoria das cores
Equilíbrio
Use uma cor dominante, apoie com secundárias e destaque com moderação.
Contraste
Garanta contraste suficiente para legibilidade e acessibilidade.
Harmonia
As cores devem trabalhar juntas para criar uma experiência visual unificada.
Verificador de contraste de cor
Teste combinações de cores para garantir que atendem aos padrões de acessibilidade WCAG para legibilidade do texto.
Cor do texto
Cor de fundo
Contraste
Padrões WCAG
Verificador de contraste avançado
Ajuste fino com sliders, múltiplas pré-visualizações e mais
Todo mundo é um gênio. Mas se você julgar um peixe por sua capacidade de subir em uma árvore, ele viverá toda a sua vida acreditando que é estúpido.