Gerar paleta
  1. Paletas de cores
  2. AI-Powered UI Component Library

AI-Powered UI Component Library

  • Neuron Blue
    #3a86ff
  • Token Beige
    #fff5e1
  • Layer Graphite
    #444444
  • Inference Pink
    #ff8ba7
  • Render White
    #fbfbfb
  • Pipeline Yellow
    #ffd166
  • Sync Teal
    #00c49a
  6
Criado em 07/14/2025 07:47
porcolorscheme
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Token Beige #fff5e1 e Sync Teal #00c49a. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #444444 (mais escuro) a #FBFBFB (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 (2 quentes, 2 frias).

Códigos HEX (ordenados): #00C49A, #3A86FF, #444444, #FBFBFB, #FF8BA7, #FFD166, #FFF5E1

A paleta AI-Powered UI Component Library combina 7 códigos de cor:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #fff5e1, RGB: (255, 245, 225); HEX: #444444, RGB: (68, 68, 68)
HEX: #ff8ba7, RGB: (255, 139, 167); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #00c49a, RGB: (0, 196, 154)
Versão simplificada das cores da paleta
Tom claro de Azul-dodger, Tom claro de Renda-antiga, Tom escuro de Cinza-fosco, Tom claro de Vermelho-violeta-pálido, Tom escuro de Branco, Tom claro de Dourado, Tom escuro de Água-marinha-média
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

AI-Powered UI Component Library códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#3a86ff #3a86ff RGB(58, 134, 255)Neuron Blue—
#fff5e1 #fff5e1 RGB(255, 245, 225)Token Beige—
#444444 #444444 RGB(68, 68, 68)Layer GraphiteGoshawk Grey
#ff8ba7 #ff8ba7 RGB(255, 139, 167)Inference Pink—
#fbfbfb #fbfbfb RGB(251, 251, 251)Render WhiteWhiteout
#ffd166 #ffd166 RGB(255, 209, 102)Pipeline Yellow—
#00c49a #00c49a RGB(0, 196, 154)Sync Teal—

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
#3a86ff
#ff8ba7
1.57
#3a86ff
#00c49a
1.55
#fff5e1
#fbfbfb
1.04
#fff5e1
#ffd166
1.33
#ff8ba7
#ffd166
1.53
#ff8ba7
#00c49a
1.01

Paleta de imagens AI-Powered UI Component Library png

AI-Powered UI Component Library paleta de cores: Neuron Blue, Token Beige, Layer Graphite, Inference Pink, Render White
 Baixar imagem