Accessible Design Sprint UI
- Sticky Note Yellow#ffe066
- Empathy Map Blue#009ddc
- Problem Space Plum#6a0572
- Ideation Coral#f76c5e
- Prototype Ivory#fff5ec
- Feedback Grey#cccccc
Erstellt am 07/11/2025 10:12
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Empathy Map Blue #009ddc und Prototype Ivory #fff5ec. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #6A0572 (dunkelstes) bis #FFF5EC (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 83% der Farben sind lebhaft.
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): #009DDC, #6A0572, #CCCCCC, #F76C5E, #FFE066, #FFF5EC
Die Palette Accessible Design Sprint UI kombiniert 6 Farbcodes:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #009ddc, RGB: (0, 157, 220); HEX: #6a0572, RGB: (106, 5, 114)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #fff5ec, RGB: (255, 245, 236); HEX: #cccccc, RGB: (204, 204, 204)
Vereinfachte Version der Palettenfarben
Aufhellung von Gold, Schattierung von Dodgerblau, Schattierung von Lila, Schattierung von Lachs, Schattierung von Muschelweiß, Schattierung von Hellgrau
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Accessible Design Sprint UI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Sticky Note Yellow | — |
| #009ddc | #009ddc | RGB(0, 157, 220) | Empathy Map Blue | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Problem Space Plum | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Ideation Coral | — |
| #fff5ec | #fff5ec | RGB(255, 245, 236) | Prototype Ivory | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Feedback Grey | Cerebral Grey |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#ffe066 | #fff5ec | 1.21 |
#ffe066 | #cccccc | 1.23 |
#009ddc | #f76c5e | 1.05 |
#009ddc | #cccccc | 1.9 |
#f76c5e | #cccccc | 1.8 |
#fff5ec | #cccccc | 1.49 |
Bildpalette Accessible Design Sprint UI png
Palette exportieren
Laden Sie die "Accessible Design Sprint UI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: