Artboards tutorial slider component in xd colors

  • #4d95b1
  • #9cc4d4
  • #284d5c
  • #648592
  • #a8c3d1
  • #3f3c38
  0.24k
Erstellt am 02/14/2021 11:23
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben #9cc4d4 und #3f3c38. Palette hat Farbtemperatur Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #3F3C38 (dunkelstes) bis #A8C3D1 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung liegt im mittleren Bereich, im Durchschnitt 29% über die Palette.

Eine analoge Palette: Die Farbtöne liegen auf dem Farbkreis nah beieinander, innerhalb von etwa 4°.

In der Gesamttemperatur neigen die Felder zur kalten Seite (5 von 6).

HEX-Codes (sortiert): #284D5C, #3F3C38, #4D95B1, #648592, #9CC4D4, #A8C3D1

Die Palette Artboards tutorial slider component in xd colors kombiniert 6 Farbcodes:
HEX: #4d95b1, RGB: (77, 149, 177); HEX: #9cc4d4, RGB: (156, 196, 212); HEX: #284d5c, RGB: (40, 77, 92)
HEX: #648592, RGB: (100, 133, 146); HEX: #a8c3d1, RGB: (168, 195, 209); HEX: #3f3c38, RGB: (63, 60, 56)
Vereinfachte Version der Palettenfarben
Aufhellung von Stahlblau, Schattierung von Hellblau, Schattierung von Dunkles Schiefergrau, Schattierung von Schiefergrau, Schattierung von Hellblau, Schattierung von Dunkles Schiefergrau
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Artboards tutorial slider component in xd colors Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#4d95b1#4d95b1RGB(77, 149, 177)——
#9cc4d4#9cc4d4RGB(156, 196, 212)——
#284d5c#284d5cRGB(40, 77, 92)——
#648592#648592RGB(100, 133, 146)——
#a8c3d1#a8c3d1RGB(168, 195, 209)——
#3f3c38#3f3c38RGB(63, 60, 56)——

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#4d95b1
#9cc4d4
1.8
#4d95b1
#648592
1.17
#4d95b1
#a8c3d1
1.82
#9cc4d4
#a8c3d1
1.01
#284d5c
#3f3c38
1.2

Bildpalette Artboards tutorial slider component in xd colors png