Palette generieren
  1. Farbpaletten
  2. Framework vuejs clean components hex colors

Framework vuejs clean components hex colors

  • #1c44fc
  • #f9d56b
  • #9c443e
  • #4d6795
  • #d5bfaa
  • #202c3c
  0.24k
Erstellt am 02/03/2020 10:24
voncolorswall
Die Palette besteht aus Halbdunkel, Hell, Dunkel-Farben. Akzentfarben #1c44fc und #f9d56b. Palette hat Farbtemperatur Kalt, Warm.

Nach Helligkeit reicht diese Palette von #202C3C (dunkelstes) bis #F9D56B (hellstes). Die Helligkeitsspanne ist groß.

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

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): #1C44FC, #202C3C, #4D6795, #9C443E, #D5BFAA, #F9D56B

Die Palette Framework vuejs clean components hex colors kombiniert 6 Farbcodes:
HEX: #1c44fc, RGB: (28, 68, 252); HEX: #f9d56b, RGB: (249, 213, 107); HEX: #9c443e, RGB: (156, 68, 62)
HEX: #4d6795, RGB: (77, 103, 149); HEX: #d5bfaa, RGB: (213, 191, 170); HEX: #202c3c, RGB: (32, 44, 60)
Vereinfachte Version der Palettenfarben
Aufhellung von Blau, Aufhellung von Gold, Aufhellung von Braun, Schattierung von Königsblau, Aufhellung von Gelbbraun, Aufhellung von Mitternachtsblau
Farbschema wurde erstellt von colorswall

Farbcodes in der Palette

Framework vuejs clean components hex colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#1c44fc #1c44fc RGB(28, 68, 252)——
#f9d56b #f9d56b RGB(249, 213, 107)——
#9c443e #9c443e RGB(156, 68, 62)——
#4d6795 #4d6795 RGB(77, 103, 149)——
#d5bfaa #d5bfaa RGB(213, 191, 170)——
#202c3c #202c3c RGB(32, 44, 60)——

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#1c44fc
#9c443e
1
#1c44fc
#4d6795
1.12
#f9d56b
#d5bfaa
1.24
#9c443e
#4d6795
1.11

Bildpalette Framework vuejs clean components hex colors png

Framework vuejs clean components hex colors: #1c44fc, #f9d56b, #9c443e, #4d6795, #d5bfaa, #202c3c
 Bild herunterladen