Hergestellt in 06/08/2025 14:42
CSS Grid Visual Kit Studio
Template Cream
#fff5e1
AutoFlow Teal
#3ddad7
Gutter Coral
#ff6f61
GridTrack Plum
#9b5de5
Media Query Navy
#1d3557
Z-Index Ivory
#f9f6ee
Die Palette besteht aus Licht-Farben. Akzentfarben Template Cream #fff5e1 und GridTrack Plum #9b5de5. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette CSS Grid Visual Kit Studio enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #fff5e1, RGB: (255, 245, 225); VERHEXEN: #3ddad7, RGB: (61, 218, 215); VERHEXEN: #ff6f61, RGB: (255, 111, 97)
VERHEXEN: #9b5de5, RGB: (155, 93, 229); VERHEXEN: #1d3557, RGB: (29, 53, 87); VERHEXEN: #f9f6ee, RGB: (249, 246, 238)
Vereinfachte Version der Palettenfarben
Schatten von oldlace, Schatten von mediumturquoise, Farbton von salmon, Farbton von mediumpurple, Schatten von midnightblue, Farbton von floralwhite
Farbschema wurde erstellt von hex
Farbcodes in der Palette
CSS Grid Visual Kit Studio Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | Template Cream | — |
| #3ddad7 | #3ddad7 | RGB(61, 218, 215) | AutoFlow Teal | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Gutter Coral | Living Coral |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | GridTrack Plum | — |
| #1d3557 | #1d3557 | RGB(29, 53, 87) | Media Query Navy | — |
| #f9f6ee | #f9f6ee | RGB(249, 246, 238) | Z-Index Ivory | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fff5e1 | #3ddad7 | 1.58 |
#fff5e1 | #f9f6ee | 1 |
#3ddad7 | #ff6f61 | 1.58 |
#3ddad7 | #f9f6ee | 1.59 |
#ff6f61 | #9b5de5 | 1.51 |
