Loading...
Hergestellt in 06/23/2021 21:13
  0.16k

Website ui design landing page uiux colors

  • #f4990e
  • #c4f484
  • #7c5418
  • #549691
  • #b8c8a0
  • #5d332d
Loading...
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #f4990e und #549691. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #5D332D (dunkelstes) bis #C4F484 (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).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #549691, #5D332D, #7C5418, #B8C8A0, #C4F484, #F4990E

Die Palette Website ui design landing page uiux colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #f4990e, RGB: (244, 153, 14); VERHEXEN: #c4f484, RGB: (196, 244, 132); VERHEXEN: #7c5418, RGB: (124, 84, 24)
VERHEXEN: #549691, RGB: (84, 150, 145); VERHEXEN: #b8c8a0, RGB: (184, 200, 160); VERHEXEN: #5d332d, RGB: (93, 51, 45)
Vereinfachte Version der Palettenfarben
Farbton von Orange, Schatten von palegreen, Schatten von saddlebrown, Farbton von cadetblue, Schatten von darkseagreen, Schatten von Kastanienbraun
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Website ui design landing page uiux colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#f4990e #f4990e RGB(244, 153, 14)
#c4f484 #c4f484 RGB(196, 244, 132)
#7c5418 #7c5418 RGB(124, 84, 24)
#549691 #549691 RGB(84, 150, 145)
#b8c8a0 #b8c8a0 RGB(184, 200, 160)
#5d332d #5d332d RGB(93, 51, 45)

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#f4990e
#c4f484
1.76
#f4990e
#549691
1.53
#f4990e
#b8c8a0
1.25
#c4f484
#b8c8a0
1.4
#7c5418
#549691
1.95
#7c5418
#5d332d
1.58

Bildpalette Website ui design landing page uiux colors png

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