Mathematical UX Toolkit for Web
- Function Blue#42a5f5
- Input Cream#fffde7
- Output Green#81c784
- Variable Pink#f8bbd0
- Axis Charcoal#37474f
- Sigma Gray#e0e0e0
Erstellt am 07/25/2025 08:12
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Function Blue #42a5f5 und Input Cream #fffde7. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #37474F (dunkelstes) bis #FFFDE7 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 2 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): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7
Die Palette Mathematical UX Toolkit for Web kombiniert 6 Farbcodes:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Vereinfachte Version der Palettenfarben
Aufhellung von Dodgerblau, Aufhellung von Beige, Aufhellung von Dunkles Seegrün, Schattierung von Rosa, Schattierung von Dunkles Schiefergrau, Aufhellung von Gainsboro
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Mathematical UX Toolkit for Web Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Function Blue | — |
| #fffde7 | #fffde7 | RGB(255, 253, 231) | Input Cream | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Output Green | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Variable Pink | — |
| #37474f | #37474f | RGB(55, 71, 79) | Axis Charcoal | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Sigma Gray | Gray88 |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f8bbd0 | 1.64 |
#fffde7 | #81c784 | 1.96 |
#fffde7 | #f8bbd0 | 1.57 |
#fffde7 | #e0e0e0 | 1.28 |
#81c784 | #f8bbd0 | 1.24 |
Bildpalette Mathematical UX Toolkit for Web png
Palette exportieren
Laden Sie die "Mathematical UX Toolkit for Web" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: