Gerar paleta
  1. Paletas de cores
  2. Hyperlink Interaction Design Kit

Hyperlink Interaction Design Kit

  • Visited Violet
    #6d72c3
  • Active Lime
    #b3ffab
  • Hover Rose
    #ffa8a8
  • Default Blue
    #4a90e2
  • Underline Gray
    #dadada
  • Focus Gold
    #ffd700
  1
Criado em 06/09/2025 08:13
porraccoon
A paleta consiste em cores Claro. Cores de destaque Visited Violet #6d72c3 e Active Lime #b3ffab. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #6D72C3 (mais escuro) a #B3FFAB (mais claro). A faixa de luminosidade é moderada.

A saturação global parece vívida (croma alto) — 67% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (3 de 6).

Códigos HEX (ordenados): #4A90E2, #6D72C3, #B3FFAB, #DADADA, #FFA8A8, #FFD700

A paleta Hyperlink Interaction Design Kit combina 6 códigos de cor:
HEX: #6d72c3, RGB: (109, 114, 195); HEX: #b3ffab, RGB: (179, 255, 171); HEX: #ffa8a8, RGB: (255, 168, 168)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd700, RGB: (255, 215, 0)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia-médio, Tom claro de Verde-pálido, Tom escuro de Rosa-claro, Tom claro de Azul-dodger, Tom escuro de Gainsboro, Dourado
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

Hyperlink Interaction Design Kit códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#6d72c3 #6d72c3 RGB(109, 114, 195)Visited Violet—
#b3ffab #b3ffab RGB(179, 255, 171)Active Lime—
#ffa8a8 #ffa8a8 RGB(255, 168, 168)Hover Rose—
#4a90e2 #4a90e2 RGB(74, 144, 226)Default Blue—
#dadada #dadada RGB(218, 218, 218)Underline Gray—
#ffd700 #ffd700 RGB(255, 215, 0)Focus GoldGold

Contraste da paleta de cores

8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#6d72c3
#4a90e2
1.31
#b3ffab
#ffa8a8
1.55
#b3ffab
#dadada
1.18
#b3ffab
#ffd700
1.18
#ffa8a8
#4a90e2
1.79
#ffa8a8
#dadada
1.31

Paleta de imagens Hyperlink Interaction Design Kit png

Hyperlink Interaction Design Kit paleta de cores: Visited Violet, Active Lime, Hover Rose, Default Blue, Underline Gray
 Baixar imagem