Gerar paleta
  1. Paletas de cores
  2. Accessible Interface Layer Map

Accessible Interface Layer Map

  • Tab Indigo
    #6366f1
  • Highlight Yellow
    #fef9c3
  • Scroll Rose
    #fbcfe8
  • Backdrop Fog
    #e5e7eb
  • Link Slate
    #475569
  • Banner White
    #fafafa
  • Overlay Black
    #0f172a
  1
Criado em 06/26/2025 08:38
porcolourlock
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Tab Indigo #6366f1 e Highlight Yellow #fef9c3. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0F172A (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 suaves e 3 vívidas em 7 cores.

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 7).

Códigos HEX (ordenados): #0F172A, #475569, #6366F1, #E5E7EB, #FAFAFA, #FBCFE8, #FEF9C3

A paleta Accessible Interface Layer Map combina 7 códigos de cor:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fbcfe8, RGB: (251, 207, 232)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #475569, RGB: (71, 85, 105); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #0f172a, RGB: (15, 23, 42)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia-médio, Tom escuro de Chiffon-limão, Tom claro de Cardo, Tom claro de Gainsboro, Tom claro de Azul-ardósia-escuro, Tom claro de Fumaça-branca, Tom claro de Preto
O esquema de cores foi criado por colourlock

Códigos de cores na paleta

Accessible Interface Layer Map códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#6366f1 #6366f1 RGB(99, 102, 241)Tab Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Highlight Yellow—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Scroll Rose—
#e5e7eb #e5e7eb RGB(229, 231, 235)Backdrop Fog—
#475569 #475569 RGB(71, 85, 105)Link Slate—
#fafafa #fafafa RGB(250, 250, 250)Banner WhiteDr. White
#0f172a #0f172a RGB(15, 23, 42)Overlay Black—

Contraste da paleta de cores

7 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
#6366f1
#475569
1.69
#fef9c3
#fbcfe8
1.28
#fef9c3
#e5e7eb
1.15
#fef9c3
#fafafa
1.02
#fbcfe8
#e5e7eb
1.11
#fbcfe8
#fafafa
1.32

Paleta de imagens Accessible Interface Layer Map png

Accessible Interface Layer Map paleta de cores: Tab Indigo, Highlight Yellow, Scroll Rose, Backdrop Fog, Link Slate
 Baixar imagem