Gerar paleta
  1. Paletas de cores
  2. Composable React UI Pattern Flow

Composable React UI Pattern Flow

  • Hook Aqua
    #7ce2dd
  • State Plum
    #b983ff
  • Prop Fog
    #f5f5f5
  • Event Yellow
    #ffd93d
  • Render Navy
    #2d3142
  • Context Charcoal
    #1c1c1c
  21
Criado em 06/09/2025 08:12
porcolorscheme
A paleta consiste em cores Claro, Escuro. Cores de destaque State Plum #b983ff e Event Yellow #ffd93d. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #1C1C1C (mais escuro) a #F5F5F5 (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 (3 de 6).

Códigos HEX (ordenados): #1C1C1C, #2D3142, #7CE2DD, #B983FF, #F5F5F5, #FFD93D

A paleta Composable React UI Pattern Flow combina 6 códigos de cor:
HEX: #7ce2dd, RGB: (124, 226, 221); HEX: #b983ff, RGB: (185, 131, 255); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #ffd93d, RGB: (255, 217, 61); HEX: #2d3142, RGB: (45, 49, 66); HEX: #1c1c1c, RGB: (28, 28, 28)
Versão simplificada das cores da paleta
Tom claro de Turquesa-médio, Tom claro de Roxo-médio, Fumaça-branca, Tom claro de Dourado, Tom escuro de Azul-ardósia-escuro, Tom claro de Preto
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

Composable React UI Pattern Flow códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#7ce2dd #7ce2dd RGB(124, 226, 221)Hook Aqua—
#b983ff #b983ff RGB(185, 131, 255)State Plum—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Prop FogWhitesmoke
#ffd93d #ffd93d RGB(255, 217, 61)Event Yellow—
#2d3142 #2d3142 RGB(45, 49, 66)Render Navy—
#1c1c1c #1c1c1c RGB(28, 28, 28)Context CharcoalGray11

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
#7ce2dd
#b983ff
1.77
#7ce2dd
#f5f5f5
1.39
#7ce2dd
#ffd93d
1.1
#b983ff
#ffd93d
1.96
#f5f5f5
#ffd93d
1.26
#2d3142
#1c1c1c
1.32

Paleta de imagens Composable React UI Pattern Flow png

Composable React UI Pattern Flow paleta de cores: Hook Aqua, State Plum, Prop Fog, Event Yellow, Render Navy
 Baixar imagem