Palette generieren
  1. Farbpaletten
  2. Website ui ideas interface colors

Website ui ideas interface colors

  • #487ed5
  • #e4c4ac
  • #5a2b3d
  • #5d7a9d
  • #adbed3
  • #523929
  0.21k
Erstellt am 09/13/2021 06:10
voncolorswall
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben #487ed5 und #e4c4ac. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #5A2B3D (dunkelstes) bis #E4C4AC (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung ist gemischt — 1 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.

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

HEX-Codes (sortiert): #487ED5, #523929, #5A2B3D, #5D7A9D, #ADBED3, #E4C4AC

Die Palette Website ui ideas interface colors kombiniert 6 Farbcodes:
HEX: #487ed5, RGB: (72, 126, 213); HEX: #e4c4ac, RGB: (228, 196, 172); HEX: #5a2b3d, RGB: (90, 43, 61)
HEX: #5d7a9d, RGB: (93, 122, 157); HEX: #adbed3, RGB: (173, 190, 211); HEX: #523929, RGB: (82, 57, 41)
Vereinfachte Version der Palettenfarben
Aufhellung von Stahlblau, Schattierung von Pfirsich, Aufhellung von Lila, Schattierung von Stahlblau, Schattierung von Helles Stahlblau, Schattierung von Sattelbraun
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Website ui ideas interface colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#487ed5 #487ed5 RGB(72, 126, 213)——
#e4c4ac #e4c4ac RGB(228, 196, 172)——
#5a2b3d #5a2b3d RGB(90, 43, 61)——
#5d7a9d #5d7a9d RGB(93, 122, 157)——
#adbed3 #adbed3 RGB(173, 190, 211)—Skyway
#523929 #523929 RGB(82, 57, 41)——

Farbpalette Kontrast

3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#487ed5
#5d7a9d
1.1
#e4c4ac
#adbed3
1.15
#5a2b3d
#523929
1.06

Bildpalette Website ui ideas interface colors png

Website ui ideas interface colors: #487ed5, #e4c4ac, #5a2b3d, #5d7a9d, #adbed3, #523929
 Bild herunterladen