Hergestellt in 07/22/2025 17:04
Data-Driven Design System Colors
- Metric Blue#3a7ca5
- Schema Pink#ff99c8
- UX Signal White#f5f5f5
- Insight Indigo#4b0082
- Process Graphite#2f2f2f
- Label Green#b6f7b1
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Schema Pink #ff99c8 und Label Green #b6f7b1. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #2F2F2F (dunkelstes) bis #F5F5F5 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
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): #2F2F2F, #3A7CA5, #4B0082, #B6F7B1, #F5F5F5, #FF99C8
Die Palette Data-Driven Design System Colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #3a7ca5, RGB: (58, 124, 165); VERHEXEN: #ff99c8, RGB: (255, 153, 200); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)
VERHEXEN: #4b0082, RGB: (75, 0, 130); VERHEXEN: #2f2f2f, RGB: (47, 47, 47); VERHEXEN: #b6f7b1, RGB: (182, 247, 177)
Vereinfachte Version der Palettenfarben
Farbton von steelblue, Schatten von plum, Schatten von Schwarz, Schatten von palegreen
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Data-Driven Design System Colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Metric Blue | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Schema Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | UX Signal White | White Smoke |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Insight Indigo | Indigo |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Process Graphite | — |
| #b6f7b1 | #b6f7b1 | RGB(182, 247, 177) | Label Green | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ff99c8 | #f5f5f5 | 1.8 |
#ff99c8 | #b6f7b1 | 1.59 |
#f5f5f5 | #b6f7b1 | 1.13 |
#4b0082 | #2f2f2f | 1.03 |
Bildpalette Data-Driven Design System Colors png
Palette exportieren
Laden Sie die "Data-Driven Design System Colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: