Interface ux design clean tasks

  • White
    #ffffff
  • gray94
    #f0f0f0
  • Beige
    #f0f0dc
  • Pink Lace
    #f0dcf0
  • Azureish White
    #dcf0f0
  • Alice Blue
    #f0f0ff
  51
Erstellt am 09/26/2023 19:31
Die Palette besteht aus Hell-Farben. Akzentfarben Beige #f0f0dc und Alice Blue #f0f0ff. Palette hat Farbtemperatur Neutral.

Nach Helligkeit reicht diese Palette von #F0DCF0 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist relativ gering.

Die Sättigung ist gemischt — 2 gedämpfte und 1 lebhafte von 6 Farben.

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

Die meisten Felder wirken neutral in der Farbtemperatur (6 von 6).

HEX-Codes (sortiert): #DCF0F0, #F0DCF0, #F0F0DC, #F0F0F0, #F0F0FF, #FFFFFF

Die Palette Interface ux design clean tasks kombiniert 6 Farbcodes:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #f0f0dc, RGB: (240, 240, 220)
HEX: #f0dcf0, RGB: (240, 220, 240); HEX: #dcf0f0, RGB: (220, 240, 240); HEX: #f0f0ff, RGB: (240, 240, 255)
Vereinfachte Version der Palettenfarben
Weiß, Schattierung von Rauchweiß, Schattierung von Beige, Schattierung von Lavendelrosa, Schattierung von Hellcyan, Aufhellung von Lavendel
Farbschema wurde erstellt von colorstudio

Farbcodes in der Palette

Interface ux design clean tasks Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#ffffff#ffffffRGB(255, 255, 255)White—
#f0f0f0#f0f0f0RGB(240, 240, 240)gray94—
#f0f0dc#f0f0dcRGB(240, 240, 220)Beige—
#f0dcf0#f0dcf0RGB(240, 220, 240)Pink Lace—
#dcf0f0#dcf0f0RGB(220, 240, 240)Azureish White—
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—

Farbpalette Kontrast

15 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#ffffff
#f0f0f0
1.13
#ffffff
#f0f0dc
1.15
#ffffff
#f0dcf0
1.29
#ffffff
#dcf0f0
1.18
#ffffff
#f0f0ff
1.12
#f0f0f0
#f0f0dc
1.01

Bildpalette Interface ux design clean tasks png