Hergestellt in 06/14/2025 19:42
HTML Semantic UI Tokens
Main Plum
#a06cd5
Section Pearl
#faf9f6
Nav Cyan
#00d9c0
Footer Charcoal
#1e1e24
Aside Rose
#ff9aa2
Article Blue
#a0c4ff
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Aside Rose #ff9aa2 und Article Blue #a0c4ff. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Die Palette HTML Semantic UI Tokens enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #a06cd5, RGB: (160, 108, 213); VERHEXEN: #faf9f6, RGB: (250, 249, 246); VERHEXEN: #00d9c0, RGB: (0, 217, 192)
VERHEXEN: #1e1e24, RGB: (30, 30, 36); VERHEXEN: #ff9aa2, RGB: (255, 154, 162); VERHEXEN: #a0c4ff, RGB: (160, 196, 255)
Vereinfachte Version der Palettenfarben
Schatten von mediumpurple, Schatten von whitesmoke, Farbton von turquoise, Schatten von Schwarz, Farbton von lightpink, Farbton von lightsteelblue
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
HTML Semantic UI Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #a06cd5 | #a06cd5 | RGB(160, 108, 213) | Main Plum | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Section Pearl | — |
| #00d9c0 | #00d9c0 | RGB(0, 217, 192) | Nav Cyan | — |
| #1e1e24 | #1e1e24 | RGB(30, 30, 36) | Footer Charcoal | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Aside Rose | — |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | Article Blue | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#a06cd5 | #ff9aa2 | 1.85 |
#faf9f6 | #00d9c0 | 1.7 |
#faf9f6 | #ff9aa2 | 1.91 |
#faf9f6 | #a0c4ff | 1.68 |
#00d9c0 | #ff9aa2 | 1.12 |
#00d9c0 | #a0c4ff | 1.01 |
Bildpalette HTML Semantic UI Tokens png
Palette exportieren
Laden Sie die "HTML Semantic UI Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: