Multi-Tenant UX Design Framework
- Tenant Sky#a0ced9
- Switch Coral#ff6f61
- Access Gray#e2e2e2
- Instance Yellow#fff275
- Grid White#fbfbfb
- Control Ink#2b2d42
Erstellt am 07/28/2025 19:30
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Tenant Sky #a0ced9 und Instance Yellow #fff275. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #2B2D42 (dunkelstes) bis #FBFBFB (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 2 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #2B2D42, #A0CED9, #E2E2E2, #FBFBFB, #FF6F61, #FFF275
Die Palette Multi-Tenant UX Design Framework kombiniert 6 Farbcodes:
HEX: #a0ced9, RGB: (160, 206, 217); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #e2e2e2, RGB: (226, 226, 226)
HEX: #fff275, RGB: (255, 242, 117); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #2b2d42, RGB: (43, 45, 66)
Vereinfachte Version der Palettenfarben
Schattierung von Hellblau, Schattierung von Lachs, Aufhellung von Gainsboro, Aufhellung von Khaki, Schattierung von Weiß, Aufhellung von Mitternachtsblau
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Multi-Tenant UX Design Framework Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #a0ced9 | #a0ced9 | RGB(160, 206, 217) | Tenant Sky | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Switch Coral | Living Coral |
| #e2e2e2 | #e2e2e2 | RGB(226, 226, 226) | Access Gray | — |
| #fff275 | #fff275 | RGB(255, 242, 117) | Instance Yellow | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Grid White | Whiteout |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Control Ink | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#a0ced9 | #ff6f61 | 1.6 |
#a0ced9 | #e2e2e2 | 1.31 |
#a0ced9 | #fff275 | 1.47 |
#a0ced9 | #fbfbfb | 1.64 |
#e2e2e2 | #fff275 | 1.12 |
#e2e2e2 | #fbfbfb | 1.25 |
Bildpalette Multi-Tenant UX Design Framework png
Palette exportieren
Laden Sie die "Multi-Tenant UX Design Framework" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: