Gerar paleta
  1. Paletas de cores
  2. Component-Based AI Wireframe

Component-Based AI Wireframe

  • Module Grey
    #7a7a7a
  • Whiteboard Beige
    #f9f7f3
  • Hover Coral
    #ff7f66
  • Click Black
    #0f0f0f
  • Token Rose
    #f5a9b8
  • Field Aqua
    #a8e6cf
  6
Criado em 07/13/2025 09:18
porcolorscheme
A paleta consiste em cores Claro, Escuro. Cores de destaque Hover Coral #ff7f66 e Field Aqua #a8e6cf. A paleta tem Neutro, Quente, Frio temperatura de cores.

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

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

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

No geral, a temperatura tende para o quente (2 de 6).

Códigos HEX (ordenados): #0F0F0F, #7A7A7A, #A8E6CF, #F5A9B8, #F9F7F3, #FF7F66

A paleta Component-Based AI Wireframe combina 6 códigos de cor:
HEX: #7a7a7a, RGB: (122, 122, 122); HEX: #f9f7f3, RGB: (249, 247, 243); HEX: #ff7f66, RGB: (255, 127, 102)
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #f5a9b8, RGB: (245, 169, 184); HEX: #a8e6cf, RGB: (168, 230, 207)
Versão simplificada das cores da paleta
Tom escuro de Cinza, Tom claro de Fumaça-branca, Tom escuro de Salmão, Tom claro de Preto, Tom escuro de Rosa-claro, Tom escuro de Turquesa-pálido
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

Component-Based AI Wireframe códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#7a7a7a #7a7a7a RGB(122, 122, 122)Module GreyGray48
#f9f7f3 #f9f7f3 RGB(249, 247, 243)Whiteboard Beige—
#ff7f66 #ff7f66 RGB(255, 127, 102)Hover Coral—
#0f0f0f #0f0f0f RGB(15, 15, 15)Click BlackChaos Black
#f5a9b8 #f5a9b8 RGB(245, 169, 184)Token Rose—
#a8e6cf #a8e6cf RGB(168, 230, 207)Field Aqua—

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
#7a7a7a
#ff7f66
1.73
#f9f7f3
#f5a9b8
1.74
#f9f7f3
#a8e6cf
1.31
#ff7f66
#f5a9b8
1.32
#ff7f66
#a8e6cf
1.75
#f5a9b8
#a8e6cf
1.32

Paleta de imagens Component-Based AI Wireframe png

Component-Based AI Wireframe paleta de cores: Module Grey, Whiteboard Beige, Hover Coral, Click Black, Token Rose, Field Aqua
 Baixar imagem