Gerar paleta
  1. Paletas de cores
  2. React Component Flow System

React Component Flow System

  • JS Yellow
    #f7df1e
  • React Ocean
    #61dafb
  • Framework Slate
    #2b2b2b
  • Node Canopy
    #6cc24a
  • Semantic Rose
    #ff6492
  • Input Pearl
    #fafafa
  • Code Lavender
    #a393eb
  21
Criado em 07/12/2025 20:05
porraccoon
A paleta consiste em cores Claro, Escuro. Cores de destaque React Ocean #61dafb e Semantic Rose #ff6492. A paleta tem Quente, Frio, Neutro temperatura de cores.

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

A saturação global parece vívida (croma alto) — 57% 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 7).

Códigos HEX (ordenados): #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492

A paleta React Component Flow System combina 7 códigos de cor:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
Versão simplificada das cores da paleta
Tom claro de Dourado, Tom escuro de Azul-céu, Tom claro de Preto, Tom claro de Verde-lima, Tom claro de Vermelho-violeta-pálido, Tom claro de Fumaça-branca, Tom claro de Roxo-médio
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

React Component Flow System códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f7df1e #f7df1e RGB(247, 223, 30)JS Yellow—
#61dafb #61dafb RGB(97, 218, 251)React Ocean—
#2b2b2b #2b2b2b RGB(43, 43, 43)Framework SlateShoe Wax
#6cc24a #6cc24a RGB(108, 194, 74)Node Canopy—
#ff6492 #ff6492 RGB(255, 100, 146)Semantic Rose—
#fafafa #fafafa RGB(250, 250, 250)Input PearlDr. White
#a393eb #a393eb RGB(163, 147, 235)Code Lavender—

Contraste da paleta de cores

11 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
#f7df1e
#61dafb
1.2
#f7df1e
#6cc24a
1.64
#f7df1e
#fafafa
1.29
#f7df1e
#a393eb
1.95
#61dafb
#6cc24a
1.36
#61dafb
#ff6492
1.72

Paleta de imagens React Component Flow System png

React Component Flow System paleta de cores: JS Yellow, React Ocean, Framework Slate, Node Canopy, Semantic Rose, Input Pearl
 Baixar imagem