Hergestellt in 06/09/2025 17:10
Next-Gen React UI Palette
Component Cyan
#00bcd4
Hook Pink
#e91e63
JSX Lavender
#b39ddb
State Mint
#4db6ac
Context Charcoal
#37474f
Render White
#fafafa
Virtual DOM Gray
#b0bec5
Die Palette besteht aus Licht-Farben. Akzentfarben Component Cyan #00bcd4 und Hook Pink #e91e63. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Next-Gen React UI Palette enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #00bcd4, RGB: (0, 188, 212); VERHEXEN: #e91e63, RGB: (233, 30, 99); VERHEXEN: #b39ddb, RGB: (179, 157, 219)
VERHEXEN: #4db6ac, RGB: (77, 182, 172); VERHEXEN: #37474f, RGB: (55, 71, 79); VERHEXEN: #fafafa, RGB: (250, 250, 250)
VERHEXEN: #b0bec5, RGB: (176, 190, 197)
Vereinfachte Version der Palettenfarben
Farbton von darkturquoise, Schatten von crimson, Farbton von plum, Schatten von lightseagreen, Farbton von darkslategrey, Schatten von whitesmoke, Farbton von Silber
Farbschema wurde erstellt von colorhunt
Farbcodes in der Palette
Next-Gen React UI Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Component Cyan | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | Hook Pink | — |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | JSX Lavender | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | State Mint | — |
| #37474f | #37474f | RGB(55, 71, 79) | Context Charcoal | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Render White | Dr. White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Virtual DOM Gray | Ocean Drive |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00bcd4 | #e91e63 | 1.89 |
#00bcd4 | #b39ddb | 1.04 |
#00bcd4 | #4db6ac | 1.06 |
#00bcd4 | #b0bec5 | 1.2 |
#e91e63 | #b39ddb | 1.81 |
#e91e63 | #4db6ac | 1.78 |
