Loading...
Hergestellt in 07/11/2025 09:36
  1

Data-Driven React Aesthetic

  • Hook Yellow
    #ffd23f
  • Virtual DOM Azure
    #007ea7
  • Component Padding Coral
    #ff6f59
  • Test Coverage Violet
    #9d4edd
  • Structure White Smoke
    #f5f5f5
Loading...
Die Palette besteht aus Licht-Farben. Akzentfarben Hook Yellow #ffd23f und Virtual DOM Azure #007ea7. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #007EA7 (dunkelstes) bis #F5F5F5 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #007EA7, #9D4EDD, #F5F5F5, #FF6F59, #FFD23F

Die Palette Data-Driven React Aesthetic enthält eine Kombination aus 5-Codefarben:
VERHEXEN: #ffd23f, RGB: (255, 210, 63); VERHEXEN: #007ea7, RGB: (0, 126, 167); VERHEXEN: #ff6f59, RGB: (255, 111, 89)
VERHEXEN: #9d4edd, RGB: (157, 78, 221); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)
Vereinfachte Version der Palettenfarben
Schatten von gold, Farbton von steelblue, Schatten von tomato, Schatten von darkorchid
Farbschema wurde erstellt von colourlock

Farbcodes in der Palette

Data-Driven React Aesthetic Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#ffd23f #ffd23f RGB(255, 210, 63)Hook Yellow
#007ea7 #007ea7 RGB(0, 126, 167)Virtual DOM Azure
#ff6f59 #ff6f59 RGB(255, 111, 89)Component Padding Coral
#9d4edd #9d4edd RGB(157, 78, 221)Test Coverage Violet
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Structure White SmokeWhite Smoke

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#ffd23f
#ff6f59
1.89
#ffd23f
#f5f5f5
1.32
#007ea7
#ff6f59
1.68
#007ea7
#9d4edd
1
#ff6f59
#9d4edd
1.67

Bildpalette Data-Driven React Aesthetic png

Loading...
Loading...
Loading...