Gerar paleta
  1. Paletas de cores
  2. Smart UI Accessibility Tokens

Smart UI Accessibility Tokens

  • Readable Indigo
    #6366f1
  • Focus Cream
    #fef9c3
  • Hint Blue
    #3b82f6
  • Label Rose
    #fbcfe8
  • Error Black
    #0f172a
  • Toggle Gray
    #9ca3af
  • Hover Gold
    #facc15
  6
Criado em 06/26/2025 08:37
porcolorstudio
A paleta consiste em cores Claro, Escuro. Cores de destaque Focus Cream #fef9c3 e Hint Blue #3b82f6. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

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

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

Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).

Códigos HEX (ordenados): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3

A paleta Smart UI Accessibility Tokens combina 7 códigos de cor:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia-médio, Tom escuro de Chiffon-limão, Tom escuro de Azul-dodger, Tom claro de Cardo, Tom claro de Preto, Tom escuro de Cinza-escuro, Tom escuro de Dourado
O esquema de cores foi criado por colorstudio

Códigos de cores na paleta

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

Cor HEX RGB Nome nome alternativo
#6366f1 #6366f1 RGB(99, 102, 241)Readable Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Focus Cream—
#3b82f6 #3b82f6 RGB(59, 130, 246)Hint Blue—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Label Rose—
#0f172a #0f172a RGB(15, 23, 42)Error Black—
#9ca3af #9ca3af RGB(156, 163, 175)Toggle Gray—
#facc15 #facc15 RGB(250, 204, 21)Hover Gold—

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
#6366f1
#3b82f6
1.21
#6366f1
#9ca3af
1.75
#fef9c3
#fbcfe8
1.28
#fef9c3
#facc15
1.42
#3b82f6
#9ca3af
1.44
#fbcfe8
#9ca3af
1.83

Paleta de imagens Smart UI Accessibility Tokens png

Smart UI Accessibility Tokens paleta de cores: Readable Indigo, Focus Cream, Hint Blue, Label Rose, Error Black, Toggle Gray
 Baixar imagem