Gerar paleta
  1. Paletas de cores
  2. UI Component Accessibility Grid

UI Component Accessibility Grid

  • Flowchart Blue
    #2563eb
  • Contrast Yellow
    #fde047
  • Card White
    #ffffff
  • Accessible Slate
    #64748b
  • Semantic Green
    #4ade80
  • Form Error Red
    #dc2626
  0.11k
Criado em 08/18/2025 08:34
porcolorday
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Flowchart Blue #2563eb e Contrast Yellow #fde047. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2563EB (mais escuro) a #FFFFFF (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): #2563EB, #4ADE80, #64748B, #DC2626, #FDE047, #FFFFFF

A paleta UI Component Accessibility Grid combina 6 códigos de cor:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #fde047, RGB: (253, 224, 71); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #64748b, RGB: (100, 116, 139); HEX: #4ade80, RGB: (74, 222, 128); HEX: #dc2626, RGB: (220, 38, 38)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom claro de Dourado, Branco, Tom escuro de Cinza-ardósia, Tom claro de Verde-primavera-médio, Tom claro de Carmesim
O esquema de cores foi criado por colorday

Códigos de cores na paleta

UI Component Accessibility Grid códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#2563eb #2563eb RGB(37, 99, 235)Flowchart Blue—
#fde047 #fde047 RGB(253, 224, 71)Contrast Yellow—
#ffffff #ffffff RGB(255, 255, 255)Card WhiteWhite
#64748b #64748b RGB(100, 116, 139)Accessible Slate—
#4ade80 #4ade80 RGB(74, 222, 128)Semantic Green—
#dc2626 #dc2626 RGB(220, 38, 38)Form Error Red—

Contraste da paleta de cores

6 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
#2563eb
#64748b
1.08
#2563eb
#dc2626
1.07
#fde047
#ffffff
1.31
#fde047
#4ade80
1.32
#ffffff
#4ade80
1.74
#64748b
#dc2626
1.01

Paleta de imagens UI Component Accessibility Grid png

UI Component Accessibility Grid paleta de cores: Flowchart Blue, Contrast Yellow, Card White, Accessible Slate
 Baixar imagem