Palette generieren
  1. Farbpaletten
  2. Interactive Web App UI Tokens

Interactive Web App UI Tokens

  • Click Coral
    #fb7185
  • Hover Indigo
    #6366f1
  • Input Cream
    #fef9c3
  • Transition Teal
    #14b8a6
  • Form Shadow
    #9ca3af
  • Field Mist
    #f3f4f6
  • CTA Yellow
    #fcd34d
  1
Erstellt am 06/27/2025 11:01
voncolorslib
Die Palette besteht aus Hell-Farben. Akzentfarben Hover Indigo #6366f1 und Input Cream #fef9c3. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #6366F1 (dunkelstes) bis #FEF9C3 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% 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 warmen Seite (3 von 7).

HEX-Codes (sortiert): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3

Die Palette Interactive Web App UI Tokens kombiniert 7 Farbcodes:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Vereinfachte Version der Palettenfarben
Schattierung von Hellkoralle, Schattierung von Mittleres Schieferblau, Schattierung von Chiffongelb, Schattierung von Helles Seegrün, Schattierung von Dunkelgrau, Schattierung von Rauchweiß, Aufhellung von Gold
Farbschema wurde erstellt von colorslib

Farbcodes in der Palette

Interactive Web App UI Tokens Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#fb7185 #fb7185 RGB(251, 113, 133)Click Coral—
#6366f1 #6366f1 RGB(99, 102, 241)Hover Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Input Cream—
#14b8a6 #14b8a6 RGB(20, 184, 166)Transition Teal—
#9ca3af #9ca3af RGB(156, 163, 175)Form Shadow—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Field Mist—
#fcd34d #fcd34d RGB(252, 211, 77)CTA Yellow—

Farbpalette Kontrast

12 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#fb7185
#6366f1
1.65
#fb7185
#14b8a6
1.08
#fb7185
#9ca3af
1.06
#fb7185
#fcd34d
1.86
#6366f1
#14b8a6
1.79
#6366f1
#9ca3af
1.75

Bildpalette Interactive Web App UI Tokens png

Interactive Web App UI Tokens Farbpalette: Click Coral, Hover Indigo, Input Cream, Transition Teal, Form Shadow, Field Mist
 Bild herunterladen