Loading...
Hergestellt in 06/30/2025 17:15
  6

Form Builder Interface UX

  • Field Fog
    #f5f5f5
  • Input Indigo
    #6366f1
  • Select Teal
    #14b8a6
  • Label Blush
    #ffe0e0
  • Focus Graphite
    #2e2e2e
  • Validation Lime
    #a3f7b5
Loading...
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Label Blush #ffe0e0 und Validation Lime #a3f7b5. Palette hat Farbtemperatur Neutral, Kalt.

Nach Helligkeit reicht diese Palette von #2E2E2E (dunkelstes) bis #F5F5F5 (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): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0

Die Palette Form Builder Interface UX enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #f5f5f5, RGB: (245, 245, 245); VERHEXEN: #6366f1, RGB: (99, 102, 241); VERHEXEN: #14b8a6, RGB: (20, 184, 166)
VERHEXEN: #ffe0e0, RGB: (255, 224, 224); VERHEXEN: #2e2e2e, RGB: (46, 46, 46); VERHEXEN: #a3f7b5, RGB: (163, 247, 181)
Vereinfachte Version der Palettenfarben
Farbton von mediumslateblue, Farbton von lightseagreen, Farbton von mistyrose, Schatten von Schwarz, Schatten von lightgreen
Farbschema wurde erstellt von colorstudio

Farbcodes in der Palette

Form Builder Interface UX Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Field FogWhite Smoke
#6366f1 #6366f1 RGB(99, 102, 241)Input Indigo
#14b8a6 #14b8a6 RGB(20, 184, 166)Select Teal
#ffe0e0 #ffe0e0 RGB(255, 224, 224)Label Blush
#2e2e2e #2e2e2e RGB(46, 46, 46)Focus GraphiteCarbon Fiber
#a3f7b5 #a3f7b5 RGB(163, 247, 181)Validation Lime

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#f5f5f5
#ffe0e0
1.13
#f5f5f5
#a3f7b5
1.16
#6366f1
#14b8a6
1.79
#14b8a6
#a3f7b5
1.95
#ffe0e0
#a3f7b5
1.02

Bildpalette Form Builder Interface UX png

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