Design System Canvas Hub
- Base Snow#fafafa
- Guide Charcoal#222222
- Theme Rose#ff5e78
- Style Aqua#4de1ff
- Accent Wheat#f7e8a4
- Tab Sage#b2d3c2
Erstellt am 06/30/2025 17:47
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Theme Rose #ff5e78 und Style Aqua #4de1ff. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #222222 (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 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.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #222222, #4DE1FF, #B2D3C2, #F7E8A4, #FAFAFA, #FF5E78
Die Palette Design System Canvas Hub kombiniert 6 Farbcodes:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #222222, RGB: (34, 34, 34); HEX: #ff5e78, RGB: (255, 94, 120)
HEX: #4de1ff, RGB: (77, 225, 255); HEX: #f7e8a4, RGB: (247, 232, 164); HEX: #b2d3c2, RGB: (178, 211, 194)
Vereinfachte Version der Palettenfarben
Aufhellung von Rauchweiß, Aufhellung von Schwarz, Schattierung von Hellkoralle, Schattierung von Himmelblau, Aufhellung von Blasses Goldrutengelb, Schattierung von Puderblau
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Design System Canvas Hub Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #fafafa | #fafafa | RGB(250, 250, 250) | Base Snow | Dr. White |
| #222222 | #222222 | RGB(34, 34, 34) | Guide Charcoal | Black Out |
| #ff5e78 | #ff5e78 | RGB(255, 94, 120) | Theme Rose | — |
| #4de1ff | #4de1ff | RGB(77, 225, 255) | Style Aqua | — |
| #f7e8a4 | #f7e8a4 | RGB(247, 232, 164) | Accent Wheat | — |
| #b2d3c2 | #b2d3c2 | RGB(178, 211, 194) | Tab Sage | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#fafafa | #4de1ff | 1.48 |
#fafafa | #f7e8a4 | 1.18 |
#fafafa | #b2d3c2 | 1.54 |
#ff5e78 | #4de1ff | 1.89 |
#ff5e78 | #b2d3c2 | 1.82 |
#4de1ff | #f7e8a4 | 1.25 |
Bildpalette Design System Canvas Hub png
Palette exportieren
Laden Sie die "Design System Canvas Hub" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: