Wing CSS framework colors palette
- black#111111
- gray#a7a7a7
- white#f5f5f5
- blue#0062ff
- red#ff1500
- yellow#ffbf00
- green#00b30f
Erstellt am 06/22/2018 09:02
Die Palette besteht aus Dunkel, Hell, Halbdunkel-Farben. Akzentfarben blue #0062ff und yellow #ffbf00. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #111111 (dunkelstes) bis #F5F5F5 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 57% der Farben sind lebhaft.
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 (2 warm, 2 kühl).
HEX-Codes (sortiert): #0062FF, #00B30F, #111111, #A7A7A7, #F5F5F5, #FF1500, #FFBF00
Die Palette Wing CSS framework colors palette kombiniert 7 Farbcodes:
HEX: #111111, RGB: (17, 17, 17); HEX: #a7a7a7, RGB: (167, 167, 167); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0062ff, RGB: (0, 98, 255); HEX: #ff1500, RGB: (255, 21, 0); HEX: #ffbf00, RGB: (255, 191, 0)
HEX: #00b30f, RGB: (0, 179, 15)
Vereinfachte Version der Palettenfarben
Aufhellung von Schwarz, Schattierung von Dunkelgrau, Rauchweiß, Schattierung von Königsblau, Aufhellung von Rot, Aufhellung von Goldrute, Schattierung von Limonengrün
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Wing CSS framework colors palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #111111 | #111111 | RGB(17, 17, 17) | black | Dreamless Sleep |
| #a7a7a7 | #a7a7a7 | RGB(167, 167, 167) | gray | Moon Landing |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | white | Whitesmoke |
| #0062ff | #0062ff | RGB(0, 98, 255) | blue | — |
| #ff1500 | #ff1500 | RGB(255, 21, 0) | red | Carolina Reaper |
| #ffbf00 | #ffbf00 | RGB(255, 191, 0) | yellow | Amber |
| #00b30f | #00b30f | RGB(0, 179, 15) | green | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#a7a7a7 | #ff1500 | 1.62 |
#a7a7a7 | #ffbf00 | 1.45 |
#a7a7a7 | #00b30f | 1.17 |
#f5f5f5 | #ffbf00 | 1.51 |
#0062ff | #ff1500 | 1.27 |
#0062ff | #00b30f | 1.77 |
Bildpalette Wing CSS framework colors palette png
Palette exportieren
Laden Sie die "Wing CSS framework colors palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: