Loading...
Hergestellt in 06/21/2020 07:11
  0.19k

Ui ux color headers userinterface colors palette

  • #ca322a
  • #9bd4e3
  • #6d1b16
  • #5c95ac
  • #b0c7c0
  • #663b37
Loading...
Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben #9bd4e3 und #6d1b16. Palette hat Farbtemperatur Warm, Kalt.

Nach Helligkeit reicht diese Palette von #6D1B16 (dunkelstes) bis #9BD4E3 (hellstes). Die Helligkeitsspanne ist moderat.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #5C95AC, #663B37, #6D1B16, #9BD4E3, #B0C7C0, #CA322A

Die Palette Ui ux color headers userinterface colors palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ca322a, RGB: (202, 50, 42); VERHEXEN: #9bd4e3, RGB: (155, 212, 227); VERHEXEN: #6d1b16, RGB: (109, 27, 22)
VERHEXEN: #5c95ac, RGB: (92, 149, 172); VERHEXEN: #b0c7c0, RGB: (176, 199, 192); VERHEXEN: #663b37, RGB: (102, 59, 55)
Vereinfachte Version der Palettenfarben
Schatten von firebrick, Farbton von lightblue, Schatten von Kastanienbraun, Schatten von lightslategrey, Farbton von powderblue, Schatten von Kastanienbraun
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Ui ux color headers userinterface colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#ca322a #ca322a RGB(202, 50, 42)
#9bd4e3 #9bd4e3 RGB(155, 212, 227)
#6d1b16 #6d1b16 RGB(109, 27, 22)
#5c95ac #5c95ac RGB(92, 149, 172)
#b0c7c0 #b0c7c0 RGB(176, 199, 192)
#663b37 #663b37 RGB(102, 59, 55)

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#ca322a
#5c95ac
1.58
#ca322a
#663b37
1.78
#9bd4e3
#b0c7c0
1.09
#6d1b16
#663b37
1.23
#5c95ac
#b0c7c0
1.85

Bildpalette Ui ux color headers userinterface colors palette png

Loading...
Loading...
Loading...