Hergestellt in 07/10/2025 08:47
Reactive Component Design Language
- Observer Navy#1e3a8a
- Mutation Coral#f67280
- Trigger Mint#a6f6d5
- Render Frost#eef2f5
- Hook Violet#b388eb
- Fiber Slate#475569
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Mutation Coral #f67280 und Trigger Mint #a6f6d5. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1E3A8A (dunkelstes) bis #EEF2F5 (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).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #1E3A8A, #475569, #A6F6D5, #B388EB, #EEF2F5, #F67280
Die Palette Reactive Component Design Language enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1e3a8a, RGB: (30, 58, 138); VERHEXEN: #f67280, RGB: (246, 114, 128); VERHEXEN: #a6f6d5, RGB: (166, 246, 213)
VERHEXEN: #eef2f5, RGB: (238, 242, 245); VERHEXEN: #b388eb, RGB: (179, 136, 235); VERHEXEN: #475569, RGB: (71, 85, 105)
Vereinfachte Version der Palettenfarben
Farbton von darkslateblue, Farbton von lightcoral, Schatten von aquamarine, Farbton von aliceblue, Schatten von mediumpurple, Schatten von darkslateblue
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Reactive Component Design Language Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Observer Navy | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Mutation Coral | — |
| #a6f6d5 | #a6f6d5 | RGB(166, 246, 213) | Trigger Mint | — |
| #eef2f5 | #eef2f5 | RGB(238, 242, 245) | Render Frost | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Hook Violet | — |
| #475569 | #475569 | RGB(71, 85, 105) | Fiber Slate | — |
Farbpalette Kontrast
3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#1e3a8a | #475569 | 1.36 |
#f67280 | #b388eb | 1 |
#a6f6d5 | #eef2f5 | 1.11 |
Bildpalette Reactive Component Design Language png
Palette exportieren
Laden Sie die "Reactive Component Design Language" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: