Hergestellt in 07/07/2025 17:05
React Component UI Layer
Virtual Mint
#a0f1c2
Hooked Sky
#5ac8fa
Component Graphite
#3a3a3a
DOM Peach
#ffb997
Render Canvas
#ffffff
Shadow Gray Stack
#9e9e9e
Hot Reload Orange
#ffa726
Die Palette besteht aus Licht-Farben. Akzentfarben Hooked Sky #5ac8fa und DOM Peach #ffb997. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Die Palette React Component UI Layer enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #a0f1c2, RGB: (160, 241, 194); VERHEXEN: #5ac8fa, RGB: (90, 200, 250); VERHEXEN: #3a3a3a, RGB: (58, 58, 58)
VERHEXEN: #ffb997, RGB: (255, 185, 151); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #9e9e9e, RGB: (158, 158, 158)
VERHEXEN: #ffa726, RGB: (255, 167, 38)
Vereinfachte Version der Palettenfarben
Farbton von aquamarine, Schatten von deepskyblue, Farbton von darkslategrey, Schatten von lightsalmon, Weiss, Farbton von darkgrey, Schatten von Orange
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
React Component UI Layer Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #a0f1c2 | #a0f1c2 | RGB(160, 241, 194) | Virtual Mint | — |
| #5ac8fa | #5ac8fa | RGB(90, 200, 250) | Hooked Sky | — |
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Component Graphite | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | DOM Peach | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Render Canvas | White |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Shadow Gray Stack | Gray62 |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | Hot Reload Orange | — |
Farbpalette Kontrast
13 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#a0f1c2 | #5ac8fa | 1.43 |
#a0f1c2 | #ffb997 | 1.25 |
#a0f1c2 | #ffffff | 1.32 |
#a0f1c2 | #ffa726 | 1.46 |
#5ac8fa | #ffb997 | 1.14 |
#5ac8fa | #ffffff | 1.89 |
