Hergestellt in 01/05/2026 12:11
Human-Robot Interaction Design System
- Interaction Blue#163a5f
- Gesture Cyan#38d9c8
- Feedback Yellow#ffe066
- Emotion Rose#f28482
- Surface Linen#f7f3ee
- Anchor Charcoal#242933
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Gesture Cyan #38d9c8 und Feedback Yellow #ffe066. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #242933 (dunkelstes) bis #F7F3EE (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): #163A5F, #242933, #38D9C8, #F28482, #F7F3EE, #FFE066
Die Palette Human-Robot Interaction Design System enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #163a5f, RGB: (22, 58, 95); VERHEXEN: #38d9c8, RGB: (56, 217, 200); VERHEXEN: #ffe066, RGB: (255, 224, 102)
VERHEXEN: #f28482, RGB: (242, 132, 130); VERHEXEN: #f7f3ee, RGB: (247, 243, 238); VERHEXEN: #242933, RGB: (36, 41, 51)
Vereinfachte Version der Palettenfarben
Farbton von darkslateblue, Farbton von turquoise, Schatten von gold, Schatten von lightcoral, Farbton von floralwhite, Schatten von Schwarz
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Human-Robot Interaction Design System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #163a5f | #163a5f | RGB(22, 58, 95) | Interaction Blue | — |
| #38d9c8 | #38d9c8 | RGB(56, 217, 200) | Gesture Cyan | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Feedback Yellow | — |
| #f28482 | #f28482 | RGB(242, 132, 130) | Emotion Rose | — |
| #f7f3ee | #f7f3ee | RGB(247, 243, 238) | Surface Linen | — |
| #242933 | #242933 | RGB(36, 41, 51) | Anchor Charcoal | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#163a5f | #242933 | 1.25 |
#38d9c8 | #ffe066 | 1.35 |
#38d9c8 | #f28482 | 1.42 |
#38d9c8 | #f7f3ee | 1.59 |
#ffe066 | #f28482 | 1.91 |
#ffe066 | #f7f3ee | 1.18 |
Bildpalette Human-Robot Interaction Design System png
Palette exportieren
Laden Sie die "Human-Robot Interaction Design System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: