Gerar paleta
  1. Paletas de cores
  2. System Design Vector Mesh Flow

System Design Vector Mesh Flow

  • Diagram Navy
    #283593
  • Schema Aqua
    #00acc1
  • Entity Coral
    #f06292
  • Link Gray
    #bdbdbd
  • Background White
    #fafafa
  • Node Black
    #212121
  16
Criado em 08/21/2025 11:42
porhex
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Schema Aqua #00acc1 e Entity Coral #f06292. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

Saturação mista — 3 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 frio (2 de 6).

Códigos HEX (ordenados): #00ACC1, #212121, #283593, #BDBDBD, #F06292, #FAFAFA

A paleta System Design Vector Mesh Flow combina 6 códigos de cor:
HEX: #283593, RGB: (40, 53, 147); HEX: #00acc1, RGB: (0, 172, 193); HEX: #f06292, RGB: (240, 98, 146)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fafafa, RGB: (250, 250, 250); HEX: #212121, RGB: (33, 33, 33)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-cadete, Tom escuro de Vermelho-violeta-pálido, Tom escuro de Prata, Tom claro de Fumaça-branca, Tom claro de Preto
O esquema de cores foi criado por hex

Códigos de cores na paleta

System Design Vector Mesh Flow códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#283593 #283593 RGB(40, 53, 147)Diagram Navy—
#00acc1 #00acc1 RGB(0, 172, 193)Schema Aqua—
#f06292 #f06292 RGB(240, 98, 146)Entity Coral—
#bdbdbd #bdbdbd RGB(189, 189, 189)Link GrayGray74
#fafafa #fafafa RGB(250, 250, 250)Background WhiteDr. White
#212121 #212121 RGB(33, 33, 33)Node BlackLead

Contraste da paleta de cores

5 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
#283593
#212121
1.54
#00acc1
#f06292
1.11
#00acc1
#bdbdbd
1.45
#f06292
#bdbdbd
1.62
#bdbdbd
#fafafa
1.79

Paleta de imagens System Design Vector Mesh Flow png

System Design Vector Mesh Flow - #559014
 Baixar imagem