Hergestellt in 07/11/2025 09:37
Interaction Analytics Overlay
- Heatmap Orange#f77f00
- Click Path Navy#003049
- Scroll Depth Aqua#00b4d8
- Overlay Grey#f2f2f2
- User Segment Pink#ef798a
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Heatmap Orange #f77f00 und Scroll Depth Aqua #00b4d8. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #003049 (dunkelstes) bis #F2F2F2 (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #003049, #00B4D8, #EF798A, #F2F2F2, #F77F00
Die Palette Interaction Analytics Overlay enthält eine Kombination aus 5-Codefarben:
VERHEXEN: #f77f00, RGB: (247, 127, 0); VERHEXEN: #003049, RGB: (0, 48, 73); VERHEXEN: #00b4d8, RGB: (0, 180, 216)
VERHEXEN: #f2f2f2, RGB: (242, 242, 242); VERHEXEN: #ef798a, RGB: (239, 121, 138)
Vereinfachte Version der Palettenfarben
Farbton von darkorange, Schatten von midnightblue, Farbton von deepskyblue, Farbton von whitesmoke, Farbton von lightcoral
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Interaction Analytics Overlay Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f77f00 | #f77f00 | RGB(247, 127, 0) | Heatmap Orange | University of Tennessee Orange |
| #003049 | #003049 | RGB(0, 48, 73) | Click Path Navy | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Scroll Depth Aqua | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Overlay Grey | Gray95 |
| #ef798a | #ef798a | RGB(239, 121, 138) | User Segment Pink | — |
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 |
#f77f00 | #00b4d8 | 1.06 |
#f77f00 | #ef798a | 1.02 |
#00b4d8 | #ef798a | 1.09 |
Bildpalette Interaction Analytics Overlay png
Palette exportieren
Laden Sie die "Interaction Analytics Overlay" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: