Hergestellt in 06/28/2025 20:40
Fullstack SaaS UI Palette
- Frontend Sky#60a5fa
- Backend Jet#111827
- APIGateway Gold#fcd34d
- Deploy Mist#f1f5f9
- Monitor Slate#334155
- Database Mint#4ade80
- Trigger Coral#fb7185
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Frontend Sky #60a5fa und APIGateway Gold #fcd34d. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #F1F5F9 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #111827, #334155, #4ADE80, #60A5FA, #F1F5F9, #FB7185, #FCD34D
Die Palette Fullstack SaaS UI Palette enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #60a5fa, RGB: (96, 165, 250); VERHEXEN: #111827, RGB: (17, 24, 39); VERHEXEN: #fcd34d, RGB: (252, 211, 77)
VERHEXEN: #f1f5f9, RGB: (241, 245, 249); VERHEXEN: #334155, RGB: (51, 65, 85); VERHEXEN: #4ade80, RGB: (74, 222, 128)
VERHEXEN: #fb7185, RGB: (251, 113, 133)
Vereinfachte Version der Palettenfarben
Schatten von cornflowerblue, Schatten von Schwarz, Schatten von gold, Farbton von aliceblue, Farbton von darkslateblue, Schatten von mediumspringgreen, Farbton von lightcoral
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Fullstack SaaS UI Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Frontend Sky | — |
| #111827 | #111827 | RGB(17, 24, 39) | Backend Jet | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | APIGateway Gold | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Deploy Mist | — |
| #334155 | #334155 | RGB(51, 65, 85) | Monitor Slate | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Database Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Trigger Coral | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#60a5fa | #fcd34d | 1.76 |
#60a5fa | #4ade80 | 1.45 |
#60a5fa | #fb7185 | 1.05 |
#111827 | #334155 | 1.71 |
#fcd34d | #f1f5f9 | 1.31 |
#fcd34d | #4ade80 | 1.2 |
Bildpalette Fullstack SaaS UI Palette png
Palette exportieren
Laden Sie die "Fullstack SaaS UI Palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: