Web squarespace design palette
- Picton Blue#40bdf1
- Maya Blue#5bccf1
- Blue Sapphire#0f6067
- Copper Penny#b27a6e
- Columbia Blue#ccdce4
- Medium Jungle Green#1d3238
Erstellt am 07/20/2022 12:52
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Picton Blue #40bdf1 und Copper Penny #b27a6e. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #1D3238 (dunkelstes) bis #CCDCE4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung liegt im mittleren Bereich, im Durchschnitt 56% über die Palette.
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 (5 von 6).
HEX-Codes (sortiert): #0F6067, #1D3238, #40BDF1, #5BCCF1, #B27A6E, #CCDCE4
Die Palette Web squarespace design palette kombiniert 6 Farbcodes:
HEX: #40bdf1, RGB: (64, 189, 241); HEX: #5bccf1, RGB: (91, 204, 241); HEX: #0f6067, RGB: (15, 96, 103)
HEX: #b27a6e, RGB: (178, 122, 110); HEX: #ccdce4, RGB: (204, 220, 228); HEX: #1d3238, RGB: (29, 50, 56)
Vereinfachte Version der Palettenfarben
Aufhellung von Tiefes Himmelblau, Schattierung von Himmelblau, Aufhellung von Dunkles Schiefergrau, Schattierung von Rosiges Braun, Schattierung von Gainsboro, Schattierung von Dunkles Schiefergrau
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Web squarespace design palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #40bdf1 | #40bdf1 | RGB(64, 189, 241) | Picton Blue | — |
| #5bccf1 | #5bccf1 | RGB(91, 204, 241) | Maya Blue | — |
| #0f6067 | #0f6067 | RGB(15, 96, 103) | Blue Sapphire | — |
| #b27a6e | #b27a6e | RGB(178, 122, 110) | Copper Penny | — |
| #ccdce4 | #ccdce4 | RGB(204, 220, 228) | Columbia Blue | — |
| #1d3238 | #1d3238 | RGB(29, 50, 56) | Medium Jungle Green | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#40bdf1 | #5bccf1 | 1.16 |
#40bdf1 | #b27a6e | 1.65 |
#40bdf1 | #ccdce4 | 1.52 |
#5bccf1 | #b27a6e | 1.92 |
#5bccf1 | #ccdce4 | 1.31 |
#0f6067 | #1d3238 | 1.84 |
Bildpalette Web squarespace design palette png
Palette exportieren
Laden Sie die "Web squarespace design palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: