Hergestellt in 09/28/2021 17:37
Atomic design marketplace atom elements colours
- #3874fb
- #7ca1f2
- #14233b
- #549484
- #b8c5db
- #385a59
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben #3874fb und #7ca1f2. Palette hat Farbtemperatur Kalt.
Nach Helligkeit reicht diese Palette von #14233B (dunkelstes) bis #B8C5DB (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 2 gedämpfte und 2 lebhafte von 6 Farben.
Die Farbton-Verteilung erinnert an einen analogen Bereich von etwa 57° (heuristisch, keine feste Farbtheorie).
In der Gesamttemperatur neigen die Felder zur kalten Seite (6 von 6).
HEX-Codes (sortiert): #14233B, #385A59, #3874FB, #549484, #7CA1F2, #B8C5DB
Die Palette Atomic design marketplace atom elements colours enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #3874fb, RGB: (56, 116, 251); VERHEXEN: #7ca1f2, RGB: (124, 161, 242); VERHEXEN: #14233b, RGB: (20, 35, 59)
VERHEXEN: #549484, RGB: (84, 148, 132); VERHEXEN: #b8c5db, RGB: (184, 197, 219); VERHEXEN: #385a59, RGB: (56, 90, 89)
Vereinfachte Version der Palettenfarben
Schatten von royalblue, Schatten von cornflowerblue, Farbton von midnightblue, Farbton von cadetblue, Schatten von lightsteelblue, Schatten von darkslategrey
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Atomic design marketplace atom elements colours Farbcodes HEX, RGB-Informationen in der Tabelle
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#3874fb | #7ca1f2 | 1.62 |
#3874fb | #549484 | 1.17 |
#3874fb | #385a59 | 1.82 |
#7ca1f2 | #549484 | 1.38 |
#7ca1f2 | #b8c5db | 1.46 |
Bildpalette Atomic design marketplace atom elements colours png
Palette exportieren
Laden Sie die "Atomic design marketplace atom elements colours" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: