Palette generieren
  1. Farbpaletten
  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
Erstellt am 07/13/2025 09:19
voncolorday
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Effect Blush #f99aa6 und Props Mint #b2ffda. Palette hat Farbtemperatur Neutral, Warm, Kalt.

Nach Helligkeit reicht diese Palette von #3B3B3B (dunkelstes) bis #F7F5F0 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 2 gedämpfte und 3 lebhafte von 6 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur warmen Seite (2 von 6).

HEX-Codes (sortiert): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

Die Palette React Stateflow Dev Theme kombiniert 6 Farbcodes:
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)
Vereinfachte Version der Palettenfarben
Schattierung von Blütenweiß, Aufhellung von Mattgrau, Aufhellung von Gold, Schattierung von Hellrosa, Schattierung von Dunkles Schiefergrau, Aufhellung von Aquamarin
Farbschema wurde erstellt von colorday

Farbcodes in der Palette

React Stateflow Dev Theme Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#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—

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Bildpalette React Stateflow Dev Theme png

React Stateflow Dev Theme Farbpalette: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite, Props Mint
 Bild herunterladen