Hergestellt in 06/16/2025 20:08
Semantic Color Framework React
Success Lime Green
#6aff7f
Info Blue Ripple
#33c3f0
Error Crimson Pulse
#ff3b30
Warning Yellow Signal
#ffdc5e
Background Light Smoke
#f5f7fa
Text Deep Navy
#1a2b3c
Divider Soft Gray
#e0e0e0
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Info Blue Ripple #33c3f0 und Warning Yellow Signal #ffdc5e. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Semantic Color Framework React enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #6aff7f, RGB: (106, 255, 127); VERHEXEN: #33c3f0, RGB: (51, 195, 240); VERHEXEN: #ff3b30, RGB: (255, 59, 48)
VERHEXEN: #ffdc5e, RGB: (255, 220, 94); VERHEXEN: #f5f7fa, RGB: (245, 247, 250); VERHEXEN: #1a2b3c, RGB: (26, 43, 60)
VERHEXEN: #e0e0e0, RGB: (224, 224, 224)
Vereinfachte Version der Palettenfarben
Schatten von springgreen, Schatten von deepskyblue, Farbton von tomato, Schatten von gold, Farbton von ghostwhite, Schatten von midnightblue, Schatten von gainsboro
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Semantic Color Framework React Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #6aff7f | #6aff7f | RGB(106, 255, 127) | Success Lime Green | — |
| #33c3f0 | #33c3f0 | RGB(51, 195, 240) | Info Blue Ripple | — |
| #ff3b30 | #ff3b30 | RGB(255, 59, 48) | Error Crimson Pulse | — |
| #ffdc5e | #ffdc5e | RGB(255, 220, 94) | Warning Yellow Signal | — |
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Background Light Smoke | — |
| #1a2b3c | #1a2b3c | RGB(26, 43, 60) | Text Deep Navy | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Divider Soft Gray | Gray88 |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#6aff7f | #33c3f0 | 1.58 |
#6aff7f | #ffdc5e | 1.03 |
#6aff7f | #f5f7fa | 1.2 |
#6aff7f | #e0e0e0 | 1.01 |
#33c3f0 | #ff3b30 | 1.72 |
#33c3f0 | #ffdc5e | 1.53 |
