Gerar paleta
  1. Paletas de cores
  2. React Stateflow Dev Theme

React Stateflow Dev Theme

  • Component Cream
    #f7f5f0
  • Hook Slate
    #707070
  • Dispatch Yellow
    #ffd93d
  • Effect Blush
    #f99aa6
  • Tree Graphite
    #3b3b3b
  • Props Mint
    #b2ffda
  1
Criado em 07/13/2025 09:19
porcolorday
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Effect Blush #f99aa6 e Props Mint #b2ffda. A paleta tem Neutro, Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #3B3B3B (mais escuro) a #F7F5F0 (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): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

A paleta React Stateflow Dev Theme combina 6 códigos de cor:
HEX: #f7f5f0, RGB: (247, 245, 240); HEX: #707070, RGB: (112, 112, 112); HEX: #ffd93d, RGB: (255, 217, 61)
HEX: #f99aa6, RGB: (249, 154, 166); HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #b2ffda, RGB: (178, 255, 218)
Versão simplificada das cores da paleta
Tom escuro de Branco-floral, Tom claro de Cinza-fosco, Tom claro de Dourado, Tom escuro de Rosa-claro, Tom escuro de Cinza-ardósia-escuro, Tom claro de Água-marinha
O esquema de cores foi criado por colorday

Códigos de cores na paleta

React Stateflow Dev Theme códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f7f5f0 #f7f5f0 RGB(247, 245, 240)Component Cream—
#707070 #707070 RGB(112, 112, 112)Hook SlateGray44
#ffd93d #ffd93d RGB(255, 217, 61)Dispatch Yellow—
#f99aa6 #f99aa6 RGB(249, 154, 166)Effect Blush—
#3b3b3b #3b3b3b RGB(59, 59, 59)Tree GraphiteGray23
#b2ffda #b2ffda RGB(178, 255, 218)Props Mint—

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
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Paleta de imagens React Stateflow Dev Theme png

React Stateflow Dev Theme paleta de cores: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Baixar imagem