Hyperlink Interaction Design Kit
- Visited Violet#6d72c3
- Active Lime#b3ffab
- Hover Rose#ffa8a8
- Default Blue#4a90e2
- Underline Gray#dadada
- Focus Gold#ffd700
Erstellt am 06/09/2025 08:13
Die Palette besteht aus Hell-Farben. Akzentfarben Visited Violet #6d72c3 und Active Lime #b3ffab. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #6D72C3 (dunkelstes) bis #B3FFAB (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (3 von 6).
HEX-Codes (sortiert): #4A90E2, #6D72C3, #B3FFAB, #DADADA, #FFA8A8, #FFD700
Die Palette Hyperlink Interaction Design Kit kombiniert 6 Farbcodes:
HEX: #6d72c3, RGB: (109, 114, 195); HEX: #b3ffab, RGB: (179, 255, 171); HEX: #ffa8a8, RGB: (255, 168, 168)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #dadada, RGB: (218, 218, 218); HEX: #ffd700, RGB: (255, 215, 0)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Schieferblau, Aufhellung von Blassgrün, Schattierung von Hellrosa, Aufhellung von Dodgerblau, Schattierung von Gainsboro, Gold
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Hyperlink Interaction Design Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6d72c3 | #6d72c3 | RGB(109, 114, 195) | Visited Violet | — |
| #b3ffab | #b3ffab | RGB(179, 255, 171) | Active Lime | — |
| #ffa8a8 | #ffa8a8 | RGB(255, 168, 168) | Hover Rose | — |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Default Blue | — |
| #dadada | #dadada | RGB(218, 218, 218) | Underline Gray | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Focus Gold | Gold |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#6d72c3 | #4a90e2 | 1.31 |
#b3ffab | #ffa8a8 | 1.55 |
#b3ffab | #dadada | 1.18 |
#b3ffab | #ffd700 | 1.18 |
#ffa8a8 | #4a90e2 | 1.79 |
#ffa8a8 | #dadada | 1.31 |
Bildpalette Hyperlink Interaction Design Kit png
Palette exportieren
Laden Sie die "Hyperlink Interaction Design Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: