Loading...
Hergestellt in 07/28/2025 19:49
vonhex
  1

Mobile Microinteraction Design System

  • Swipe Teal
    #00d8c0
  • Tap Coral
    #ff9aa2
  • Vibrate Yellow
    #fff6a5
  • Hold Gray
    #dadada
  • Bounce Blue
    #56ccf2
  • Screen White
    #fbfbfb
Loading...
Die Palette besteht aus Licht-Farben. Akzentfarben Vibrate Yellow #fff6a5 und Bounce Blue #56ccf2. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #00D8C0 (dunkelstes) bis #FBFBFB (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): #00D8C0, #56CCF2, #DADADA, #FBFBFB, #FF9AA2, #FFF6A5

Die Palette Mobile Microinteraction Design System enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #00d8c0, RGB: (0, 216, 192); VERHEXEN: #ff9aa2, RGB: (255, 154, 162); VERHEXEN: #fff6a5, RGB: (255, 246, 165)
VERHEXEN: #dadada, RGB: (218, 218, 218); VERHEXEN: #56ccf2, RGB: (86, 204, 242); VERHEXEN: #fbfbfb, RGB: (251, 251, 251)
Vereinfachte Version der Palettenfarben
Farbton von turquoise, Farbton von lightpink, Schatten von Khaki, Farbton von gainsboro, Farbton von skyblue, Farbton von Weiss
Farbschema wurde erstellt von hex

Farbcodes in der Palette

Mobile Microinteraction Design System Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#00d8c0 #00d8c0 RGB(0, 216, 192)Swipe Teal
#ff9aa2 #ff9aa2 RGB(255, 154, 162)Tap Coral
#fff6a5 #fff6a5 RGB(255, 246, 165)Vibrate Yellow
#dadada #dadada RGB(218, 218, 218)Hold Gray
#56ccf2 #56ccf2 RGB(86, 204, 242)Bounce Blue
#fbfbfb #fbfbfb RGB(251, 251, 251)Screen WhiteWhiteout

Farbpalette Kontrast

15 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#00d8c0
#ff9aa2
1.11
#00d8c0
#fff6a5
1.63
#00d8c0
#dadada
1.29
#00d8c0
#56ccf2
1.02
#00d8c0
#fbfbfb
1.75
#ff9aa2
#fff6a5
1.82

Bildpalette Mobile Microinteraction Design System png

Loading...
Loading...
Loading...