Headless CMS Web Kit
- Content Cloud#f5f7fa
- Block Navy#1e2a38
- Schema Gold#f9dc5c
- Publish Blush#ffbaba
- Slug Gray#9aa5b1
- API Cyan#00e0ff
Erstellt am 06/20/2025 17:15
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Publish Blush #ffbaba und API Cyan #00e0ff. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #1E2A38 (dunkelstes) bis #F5F7FA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 1 gedämpfte und 3 lebhafte von 6 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 (3 von 6).
HEX-Codes (sortiert): #00E0FF, #1E2A38, #9AA5B1, #F5F7FA, #F9DC5C, #FFBABA
Die Palette Headless CMS Web Kit kombiniert 6 Farbcodes:
HEX: #f5f7fa, RGB: (245, 247, 250); HEX: #1e2a38, RGB: (30, 42, 56); HEX: #f9dc5c, RGB: (249, 220, 92)
HEX: #ffbaba, RGB: (255, 186, 186); HEX: #9aa5b1, RGB: (154, 165, 177); HEX: #00e0ff, RGB: (0, 224, 255)
Vereinfachte Version der Palettenfarben
Schattierung von Geisterweiß, Aufhellung von Mitternachtsblau, Aufhellung von Gold, Aufhellung von Hellrosa, Schattierung von Dunkelgrau, Schattierung von Himmelblau
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Headless CMS Web Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Content Cloud | — |
| #1e2a38 | #1e2a38 | RGB(30, 42, 56) | Block Navy | — |
| #f9dc5c | #f9dc5c | RGB(249, 220, 92) | Schema Gold | — |
| #ffbaba | #ffbaba | RGB(255, 186, 186) | Publish Blush | — |
| #9aa5b1 | #9aa5b1 | RGB(154, 165, 177) | Slug Gray | — |
| #00e0ff | #00e0ff | RGB(0, 224, 255) | API Cyan | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f5f7fa | #f9dc5c | 1.26 |
#f5f7fa | #ffbaba | 1.5 |
#f5f7fa | #00e0ff | 1.49 |
#f9dc5c | #ffbaba | 1.18 |
#f9dc5c | #9aa5b1 | 1.83 |
#f9dc5c | #00e0ff | 1.17 |
Bildpalette Headless CMS Web Kit png
Palette exportieren
Laden Sie die "Headless CMS Web Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: