Mobile App Builder Cloud
- Panel Blush#f9a8d4
- Touch Teal#5eead4
- Navigation Ink#111827
- Gradient Cream#fdf6ec
- Input Gray#9ca3af
- Action Coral#fb7185
- Lite Cloud#f8fafc
Erstellt am 06/26/2025 08:17
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Touch Teal #5eead4 und Action Coral #fb7185. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #F8FAFC (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 57% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Die meisten Felder wirken neutral in der Farbtemperatur (4 von 7).
HEX-Codes (sortiert): #111827, #5EEAD4, #9CA3AF, #F8FAFC, #F9A8D4, #FB7185, #FDF6EC
Die Palette Mobile App Builder Cloud kombiniert 7 Farbcodes:
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #5eead4, RGB: (94, 234, 212); HEX: #111827, RGB: (17, 24, 39)
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #f8fafc, RGB: (248, 250, 252)
Vereinfachte Version der Palettenfarben
Aufhellung von Pflaume, Aufhellung von Türkis, Aufhellung von Schwarz, Schattierung von Muschelweiß, Schattierung von Dunkelgrau, Schattierung von Hellkoralle, Aufhellung von Rauchweiß
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Mobile App Builder Cloud Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Panel Blush | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Touch Teal | — |
| #111827 | #111827 | RGB(17, 24, 39) | Navigation Ink | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Gradient Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Input Gray | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Lite Cloud | — |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f9a8d4 | #5eead4 | 1.22 |
#f9a8d4 | #fdf6ec | 1.69 |
#f9a8d4 | #9ca3af | 1.39 |
#f9a8d4 | #fb7185 | 1.48 |
#f9a8d4 | #f8fafc | 1.73 |
#5eead4 | #fdf6ec | 1.37 |
Bildpalette Mobile App Builder Cloud png
Palette exportieren
Laden Sie die "Mobile App Builder Cloud" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: