Palette generieren
  1. Farbpaletten
  2. Frontend Experience Schema

Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31

Frontend Experience Schema besteht aus 5 Farben in vielen verschiedenen Farbtönen. Die hellste Farbe ist UX Dust (#F7F1E1), die dunkelste Base Ink (#282828). Das kontrastreichste Farbpaar ist #282828 auf #F7F1E1 (13.0:1, WCAG AAA).

Erstellt am 07/08/2025 20:02
voncolorday
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben UX Dust #f7f1e1 und Input Teal #009fb7. Palette hat Farbtemperatur Neutral, Kalt, Warm.

Nach Helligkeit reicht diese Palette von #282828 (dunkelstes) bis #F7F1E1 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 60% 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 (2 von 5).

HEX-Codes (sortiert): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

Die Palette Frontend Experience Schema kombiniert 5 Farbcodes:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Vereinfachte Version der Palettenfarben
Schattierung von Alte Spitze, Schattierung von Kadettenblau, Aufhellung von Rosiges Braun, Aufhellung von Himmelblau, Aufhellung von Schwarz
Farbschema wurde erstellt von colorday

Farbcodes in der Palette

Frontend Experience Schema Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#f7f1e1#f7f1e1RGB(247, 241, 225)UX DustCoconut Twist
#009fb7#009fb7RGB(0, 159, 183)Input Teal—
#d4a5a5#d4a5a5RGB(212, 165, 165)State Orchid—
#9dd9f3#9dd9f3RGB(157, 217, 243)Flowchart Blue—
#282828#282828RGB(40, 40, 40)Base InkDire Wolf

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Bildpalette Frontend Experience Schema png

Frontend Experience Schema Farbpalette: UX Dust, Input Teal, State Orchid, Flowchart Blue, Base Ink
 Bild herunterladen