Palette generieren
  1. Farbpaletten
  2. Reactjs colors palette

Reactjs colors palette

  • #61dafb
  • #20232a
  • #282c34
  • #ffffff
  • #fac863
  • #c5a5c5
  • #fc929e
  • #79b6f2
  • #8dc891
  • #5fb3b3
  2.1k
Erstellt am 12/29/2017 21:43
vonmz
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben #61dafb und #fc929e. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #20232A (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 4 gedämpfte und 4 lebhafte von 10 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur kalten Seite (7 von 10).

HEX-Codes (sortiert): #20232A, #282C34, #5FB3B3, #61DAFB, #79B6F2, #8DC891, #C5A5C5, #FAC863, #FC929E, #FFFFFF

Die Palette Reactjs colors palette kombiniert 10 Farbcodes:
HEX: #61dafb, RGB: (97, 218, 251); HEX: #20232a, RGB: (32, 35, 42); HEX: #282c34, RGB: (40, 44, 52)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fac863, RGB: (250, 200, 99); HEX: #c5a5c5, RGB: (197, 165, 197)
HEX: #fc929e, RGB: (252, 146, 158); HEX: #79b6f2, RGB: (121, 182, 242); HEX: #8dc891, RGB: (141, 200, 145)
HEX: #5fb3b3, RGB: (95, 179, 179)
Vereinfachte Version der Palettenfarben
Schattierung von Himmelblau, Aufhellung von Schwarz, Aufhellung von Schwarz, Weiß, Aufhellung von Goldrute, Schattierung von Distel, Aufhellung von Hellkoralle, Schattierung von Helles Himmelblau, Aufhellung von Dunkles Seegrün, Aufhellung von Helles Seegrün
Farbschema wurde erstellt von mz

Farbcodes in der Palette

Reactjs colors palette Farbcodes HEX, RGB-Informationen in der Tabelle

FarbeHEXRGBNamealternativer Name
#61dafb#61dafbRGB(97, 218, 251)——
#20232a#20232aRGB(32, 35, 42)——
#282c34#282c34RGB(40, 44, 52)——
#ffffff#ffffffRGB(255, 255, 255)—White
#fac863#fac863RGB(250, 200, 99)——
#c5a5c5#c5a5c5RGB(197, 165, 197)——
#fc929e#fc929eRGB(252, 146, 158)——
#79b6f2#79b6f2RGB(121, 182, 242)——
#8dc891#8dc891RGB(141, 200, 145)——
#5fb3b3#5fb3b3RGB(95, 179, 179)——

Farbpalette Kontrast

25 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
TextfarbeHintergrundfarbeKontrastverhältnis
#61dafb
#ffffff
1.62
#61dafb
#fac863
1.04
#61dafb
#c5a5c5
1.35
#61dafb
#fc929e
1.32
#61dafb
#79b6f2
1.32
#61dafb
#8dc891
1.19

Bildpalette Reactjs colors palette png

Reactjs colors palette: #61dafb, #20232a, #282c34, #ffffff, #fac863, #c5a5c5, #fc929e, #79b6f2, #8dc891, #5fb3b3
 Bild herunterladen