Palette generieren
  1. Farbpaletten
  2. Light Mode UX Studio Board

Light Mode UX Studio Board

  • Whitespace Rose
    #fdf0f0
  • Layer Cream
    #f7f2ec
  • Cursor Coral
    #ff6f61
  • Scroll Mint
    #c1ffd7
  • Sticky Note Yellow
    #fff89c
  • Wire Indigo
    #b9b4f2
  21
Erstellt am 06/26/2025 08:29
voncoolor
Die Palette besteht aus Hell-Farben. Akzentfarben Sticky Note Yellow #fff89c und Wire Indigo #b9b4f2. Palette hat Farbtemperatur Neutral, Warm, Kalt.

Nach Helligkeit reicht diese Palette von #FF6F61 (dunkelstes) bis #FDF0F0 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 83% der Farben sind lebhaft.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).

HEX-Codes (sortiert): #B9B4F2, #C1FFD7, #F7F2EC, #FDF0F0, #FF6F61, #FFF89C

Die Palette Light Mode UX Studio Board kombiniert 6 Farbcodes:
HEX: #fdf0f0, RGB: (253, 240, 240); HEX: #f7f2ec, RGB: (247, 242, 236); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #c1ffd7, RGB: (193, 255, 215); HEX: #fff89c, RGB: (255, 248, 156); HEX: #b9b4f2, RGB: (185, 180, 242)
Vereinfachte Version der Palettenfarben
Schattierung von Schneeweiß, Schattierung von Muschelweiß, Schattierung von Lachs, Aufhellung von Aquamarin, Aufhellung von Khaki, Schattierung von Helles Stahlblau
Farbschema wurde erstellt von coolor

Farbcodes in der Palette

Light Mode UX Studio Board Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#fdf0f0 #fdf0f0 RGB(253, 240, 240)Whitespace Rose—
#f7f2ec #f7f2ec RGB(247, 242, 236)Layer Cream—
#ff6f61 #ff6f61 RGB(255, 111, 97)Cursor CoralLiving Coral
#c1ffd7 #c1ffd7 RGB(193, 255, 215)Scroll Mint—
#fff89c #fff89c RGB(255, 248, 156)Sticky Note Yellow—
#b9b4f2 #b9b4f2 RGB(185, 180, 242)Wire Indigo—

Farbpalette Kontrast

11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#fdf0f0
#f7f2ec
1
#fdf0f0
#c1ffd7
1.01
#fdf0f0
#fff89c
1.01
#fdf0f0
#b9b4f2
1.73
#f7f2ec
#c1ffd7
1.01
#f7f2ec
#fff89c
1.01

Bildpalette Light Mode UX Studio Board png

Light Mode UX Studio Board Farbpalette: Whitespace Rose, Layer Cream, Cursor Coral, Scroll Mint, Sticky Note Yellow
 Bild herunterladen