Conversão de Cor
#cc6655
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.
Formatos Técnicos
Formatos práticos
Análise de cor
Simulador de daltonismo
Aspectos criativos
Perguntas frequentes
- Que cor é #CC6655?
- #CC6655 é Crepúsculo de Terracota – Um laranja-avermelhado médio com subtons terrosos e uma superfície visual aveludada que lembra argila aquecida pelo sol. Evoca conforto rústico com uma sensualidade contida e um calor nostálgico.
- O que Crepúsculo de Terracota simboliza?
- terra e estabilidade, tradição artesanal, apetite e calor, memória doméstica/lar, vitalidade moderada. No Mediterrâneo e em culturas latinas, tons terracota remetem à cerâmica, à terra e à culinária tradicional. Na Índia e em partes do Sudeste Asiático, variações terrosas de laranja/avermelhado evocam tradição e espiritualidade (sândalo/saffron próximos). Em contextos ocidentais modernos, a nuance aparece como sinal de autenticidade artesanal e nostalgia por materiais naturais.
- Onde Crepúsculo de Terracota é usado no design?
- Em um espaço, essa cor tende a diminuir a distância emocional, tornando ambientes mais convidativos e íntimos; ela enfatiza a sensação de mão humana e trabalho manual. Em designs digitais, reduzindo o brilho, comunica maturidade e traz foco quando usada em pequenos pontos de atenção.
- Quais cores combinam com Crepúsculo de Terracota?
- colorCode.seoFaqPairingAnswer #3399AA: Complementar direto (contraste frio) que cria equilíbrio visual e destaca chamadas sem chocar.. #FF9966: Análogo mais brilhante que intensifica o calor e cria gradações harmoniosas; ótimo para degradês e destaques.. #66CC99: Triádico suave que adiciona frescor verde-azulado, oferecendo equilíbrio natural e sensação artesanal contemporânea..
- Como Crepúsculo de Terracota afeta o humor?
- Calor rústico com sofisticação contida Gera conforto imediato e desejo de proximidade — convida ao toque e à experiência tátil. colorCode.seoFaqMoodTraits
- Quais indústrias usam Crepúsculo de Terracota?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Qual é a história de Crepúsculo de Terracota?
- A tonalidade que vemos em #CC6655 tem raízes antigas: variações terrosas entre laranja e vermelho surgiram desde a pré-história através de ocre e óxidos de ferro usados por povos neolíticos para pintar cerâmicas e paredes. Civilizações mediterrâneas moldaram e queimaram argila natural para telhas e vasos, criando a paleta terracota que perdura até hoje. Com a descoberta e o refino de pigmentos à base de óxido de ferro durante a Antiguidade, o tom tornou-se mais consistente para artes e arquitetura.
- Como usar Crepúsculo de Terracota no design?
- Equilíbrio de contraste: use o tom como ponto de calor, mantendo sempre um neutro claro e um acento frio para hierarquia visual.colorCode.seoFaqDesignDo
- Crepúsculo de Terracota é acessível?
- colorCode.seoFaqAccessibilityAnswer Atende WCAG AA para texto normal e grande.