Genera tavolozza
  1. Tavolozze di colori
  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
Creato il 07/13/2025 09:19
dicolorday
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Effect Blush #f99aa6 e Props Mint #b2ffda. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.

Per luminosità, la tavolozza va da #3B3B3B (più scuro) a #F7F5F0 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al caldo (2 su 6).

Codici HEX (ordinati): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

La tavolozza React Stateflow Dev Theme combina 6 codici colore:
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)
Versione semplificata della tavolozza dei colori
Sfumatura di Bianco floreale, Tinta di Grigio tenue, Tinta di Oro, Sfumatura di Rosa chiaro, Sfumatura di Grigio ardesia scuro, Tinta di Acquamarina
La combinazione di colori è stata creata da colorday

Codici colori nella tavolozza

React Stateflow Dev Theme codici colore HEX, informazioni RGB in tabella

Colore 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—

Contrasto della palette di colori

6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Tavolozza immagini React Stateflow Dev Theme png

React Stateflow Dev Theme tavolozza dei colori: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Scarica l'immagine