Kroma-Color – Kroma-Color

Cores Primárias, Secundárias e Terciárias

As cores primárias — vermelho, azul e amarelo — são a base de toda paleta. Não podem ser criadas pela mistura de outras cores. A partir delas surgem as cores secundárias: laranja (vermelho + amarelo), verde (azul + amarelo) e violeta (vermelho + azul). As cores terciárias resultam da mistura de uma primária com uma secundária adjacente, formando os 12 segmentos do círculo cromático.

Vermelho Azul Amarelo Laranja Verde Violeta

Saturação, Luminosidade e Tom

Tom (Hue) é a cor em si — o que diferencia vermelho de azul. Saturação define a intensidade ou pureza da cor: 100% é a cor pura e vibrante, 0% resulta em cinza. Luminosidade (Lightness) controla o quanto de branco ou preto é adicionado. Um tint é a cor + branco; um shade é a cor + preto; um tone é a cor + cinza. Dominar esses três eixos permite criar qualquer variação de cor com precisão.

Saturação →

Luminosidade →

Harmonias Cromáticas

Uma harmonia complementar usa cores opostas no círculo cromático — como azul e laranja — criando máximo contraste e vibração visual. A harmonia análoga agrupa cores adjacentes, resultando em composições suaves e naturais. A triádica utiliza três cores equidistantes (120°), equilibrando diversidade e harmonia. A tetrádica emprega quatro cores em dois pares complementares, ideal para paletas ricas. Use o Gerador de Harmonias do KROMA para explorar todas.

Temperatura de Cor em Design

Cores quentes (vermelho, laranja, amarelo) evocam energia, urgência e calor — ideais para CTAs, marcas de alimentos e campanhas promocionais. Cores frias (azul, verde, violeta) transmitem calma, confiança e profissionalismo — usadas em tecnologia, saúde e finanças. Em design digital, a temperatura de cor também impacta a percepção de espaço: cores quentes avançam visualmente, cores frias recuam, criando profundidade sem uso de sombras.

Contraste e Acessibilidade (WCAG)

A WCAG 2.1 (Web Content Accessibility Guidelines) define padrões mínimos de contraste entre texto e fundo. O nível AA exige razão mínima de 4.5:1 para texto normal e 3:1 para textos grandes. O nível AAA requer 7:1. Aproximadamente 8% dos homens têm algum tipo de daltonismo — design acessível não é opcional, é ético. Use a seção de Acessibilidade do KROMA para verificar seus pares de cores antes de publicar.

AAA · 7:1+ AA · 4.5:1+ Falhou · <3:1

Cores em Diferentes Culturas

O significado das cores é profundamente cultural. O branco simboliza pureza no Ocidente, mas luto em partes da Ásia. O vermelho representa sorte e prosperidade na China, perigo no mundo ocidental e amor universal. O verde é sagrado no Islã, relacionado à natureza no Brasil e à inveja em inglês ("green with envy"). O amarelo é imperial na China e sinal de alerta no trânsito global. Ao criar para audiências internacionais, pesquise o significado cultural de cada cor no mercado-alvo.

A referência definitiva de cores para quem cria.

O KROMA nasceu de uma necessidade real: designers e desenvolvedores precisavam de uma ferramenta de referência cromática que fosse ao mesmo tempo profissional, completa e visualmente impecável. Não apenas uma tabela de hexadecimais, mas um sistema vivo de exploração de cores.

Nossa plataforma reúne mais de 180 cores curadas com nomenclatura técnica profissional, 8 famílias cromáticas com 10 tons cada, geradores interativos de harmonias e misturas, verificação de acessibilidade WCAG, temperatura de cor em escala Kelvin e paletas temáticas para os principais estilos de design contemporâneo.

O KROMA é construído inteiramente com HTML, CSS e JavaScript puro — sem dependências externas, sem rastreadores, sem anúncios invasivos. Nosso compromisso é com a qualidade do conteúdo e com a experiência do usuário.

◈ Precisão Todos os valores HEX, RGB e HSL são calculados algoritmicamente com precisão matemática.

◎ Acessibilidade Cada par de cores exibe sua razão de contraste WCAG 2.1 em tempo real.

◇ Privacidade Nenhum dado pessoal é coletado. O KROMA funciona inteiramente no seu navegador.

Cores Primárias, Secundárias e Terciárias

Saturação, Luminosidade e Tom

Harmonias Cromáticas

Temperatura de Cor em Design

Contraste e Acessibilidade (WCAG)

Cores em Diferentes Culturas

Paletas Terrosas Dominam o Design Digital

Neon no Branding: Como Usar Sem Exagerar

Pastéis em UI: Guia de Acessibilidade

Como Criar uma Paleta de Marca em 5 Passos

A referência definitiva de cores para quem cria.

Coleta de Dados

Dados de Uso Anônimos

Conformidade LGPD & GDPR

Termos de Uso

Contato sobre Privacidade

Cookies