Creative Dev UI Color System
- Sketch Coral#fb7185
- Hexcode Navy#1e3a8a
- Layer Sand#fff7ed
- Commit Yellow#facc15
- Design Fog#e5e7eb
- Preview Cyan#06b6d4
- Push Mint#34d399
Erstellt am 06/26/2025 08:36
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Layer Sand #fff7ed und Preview Cyan #06b6d4. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1E3A8A (dunkelstes) bis #FFF7ED (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 86% der Farben sind lebhaft.
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 7).
HEX-Codes (sortiert): #06B6D4, #1E3A8A, #34D399, #E5E7EB, #FACC15, #FB7185, #FFF7ED
Die Palette Creative Dev UI Color System kombiniert 7 Farbcodes:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #fff7ed, RGB: (255, 247, 237)
HEX: #facc15, RGB: (250, 204, 21); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #06b6d4, RGB: (6, 182, 212)
HEX: #34d399, RGB: (52, 211, 153)
Vereinfachte Version der Palettenfarben
Schattierung von Hellkoralle, Schattierung von Dunkles Schieferblau, Schattierung von Blütenweiß, Schattierung von Gold, Aufhellung von Gainsboro, Schattierung von Tiefes Himmelblau, Schattierung von Mittleres Aquamarin
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Creative Dev UI Color System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Sketch Coral | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Hexcode Navy | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Layer Sand | Fatback |
| #facc15 | #facc15 | RGB(250, 204, 21) | Commit Yellow | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Design Fog | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Preview Cyan | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Push Mint | — |
Farbpalette Kontrast
12 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#fb7185 | #facc15 | 1.75 |
#fb7185 | #06b6d4 | 1.1 |
#fb7185 | #34d399 | 1.4 |
#fff7ed | #facc15 | 1.44 |
#fff7ed | #e5e7eb | 1.16 |
#fff7ed | #34d399 | 1.81 |
Bildpalette Creative Dev UI Color System png
Palette exportieren
Laden Sie die "Creative Dev UI Color System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: