Hergestellt in 01/29/2022 20:36
Web layout design grid colours
- Blue-Violet#7231ef
- Violets Are Blue#917df4
- Persian Indigo#2c047c
- Dark Lavender#6a4e9f
- Cadet Blue (Crayola)#b0b0ca
- Gunmetal#2c2c36
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Blue-Violet #7231ef und Persian Indigo #2c047c. Palette hat Farbtemperatur Kalt.
Nach Helligkeit reicht diese Palette von #2C2C36 (dunkelstes) bis #B0B0CA (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #2C047C, #2C2C36, #6A4E9F, #7231EF, #917DF4, #B0B0CA
Die Palette Web layout design grid colours enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #7231ef, RGB: (114, 49, 239); VERHEXEN: #917df4, RGB: (145, 125, 244); VERHEXEN: #2c047c, RGB: (44, 4, 124)
VERHEXEN: #6a4e9f, RGB: (106, 78, 159); VERHEXEN: #b0b0ca, RGB: (176, 176, 202); VERHEXEN: #2c2c36, RGB: (44, 44, 54)
Vereinfachte Version der Palettenfarben
Farbton von blueviolet, Schatten von mediumpurple, Schatten von Marine, Schatten von darkslateblue, Farbton von lightsteelblue, Schatten von Schwarz
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Web layout design grid colours Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #7231ef | #7231ef | RGB(114, 49, 239) | Blue-Violet | — |
| #917df4 | #917df4 | RGB(145, 125, 244) | Violets Are Blue | — |
| #2c047c | #2c047c | RGB(44, 4, 124) | Persian Indigo | — |
| #6a4e9f | #6a4e9f | RGB(106, 78, 159) | Dark Lavender | — |
| #b0b0ca | #b0b0ca | RGB(176, 176, 202) | Cadet Blue (Crayola) | — |
| #2c2c36 | #2c2c36 | RGB(44, 44, 54) | Gunmetal | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#7231ef | #917df4 | 1.89 |
#7231ef | #6a4e9f | 1.06 |
#917df4 | #b0b0ca | 1.53 |
#2c047c | #2c2c36 | 1.07 |
Bildpalette Web layout design grid colours png
Palette exportieren
Laden Sie die "Web layout design grid colours" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: