Chartreuse - Significado, Paletas, Cores Complementares e Harmonias

Explorar verde-amarelado (HTML #7FFF00): psicologia, 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.

cor chartreuse roda de cores cores complementares harmonia de cores cores correspondentes

Dica: pressione Digitar em qualquer campo para atualizar todos os valores.

Chartreuse num relance

Significado e Psicologia

Chartreuse combina a energia natural do verde com o otimismo do amarelo. Sinaliza frescor e inovação em marcas de tecnologia, fitness, alimentos e ecologia.

Contraste e legibilidade

Por ser uma cor viva, precisa de contrapartidas profundas. Experimente carvão, preto, índigo ou magenta-violeta para obter elementos de interface de usuário e CTAs acessíveis.

Verificação de contraste (em branco)
-
Verificação de contraste (em preto)
-

Paletas Chartreuse

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 chartreuse. Essas combinações ajudam você a encontrar cores que combinam bem.

Complementar

Os opostos criam CTAs de alto impacto. Um magenta-violeta profundo combina bem.

Análogo

Os vizinhos em torno do verde-amarelo parecem frescos e orgânicos.

Triádico

O espaçamento uniforme oferece contraste equilibrado para painéis.

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

Chartreuse trabalha com dicas de sustentabilidade, saúde e boa forma, alimentos frescos e inovação em interface de usuário tecnológica. Equilibre-o com carvão, marinho, preto ou violeta profundo. Reserve-o para destaques, emblemas, estados de progresso e cartões de destaque.

Como usar

  1. Insira um HEX (por exemplo #7FFF00) ou valores RGB/HSL e pressione Digitar.
  2. Clique em qualquer amostra para copiar seu HEX. Experimente conjuntos complementares ou triádicos para contraste.
  3. Baixe o PNG da paleta ou copie as variáveis ​​CSS para o seu sistema de design.
  4. Verifique o contraste (branco/preto) para manter o texto legível em UIs chartreuse.

Perguntas frequentes

Quais cores combinam bem com verde-amarelado?

Carvão, preto, índigo, violeta profundo, magenta-violeta e cinza frio. Para combinações suaves, adicione cremes claros e balas.

Qual é a cor oposta do chartreuse?

Um oposto magenta-violeta na roda RGB/HSL fornece o contraste mais forte. Escolha um tom mais profundo para botões acessíveis.

Chartreuse é bom para corpo de texto?

Geralmente não em fundos claros. Mantenha verde-amarelado para detalhes, ícones e destaques; use texto escuro em superfícies verdes claras.

Última atualização do conteúdo: 18 de novembro de 2025.