Hergestellt in 07/16/2025 11:55
CSS Framework Color Kit for Web Tools
- Framework Gray#495057
- Frontend Cyan#17c3b2
- Component Lilac#c084fc
- Scaffold White#f1f5f9
- Interaction Red#e63946
- Button Hover Blue#3b82f6
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Component Lilac #c084fc und Button Hover Blue #3b82f6. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #495057 (dunkelstes) bis #F1F5F9 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #17C3B2, #3B82F6, #495057, #C084FC, #E63946, #F1F5F9
Die Palette CSS Framework Color Kit for Web Tools enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #495057, RGB: (73, 80, 87); VERHEXEN: #17c3b2, RGB: (23, 195, 178); VERHEXEN: #c084fc, RGB: (192, 132, 252)
VERHEXEN: #f1f5f9, RGB: (241, 245, 249); VERHEXEN: #e63946, RGB: (230, 57, 70); VERHEXEN: #3b82f6, RGB: (59, 130, 246)
Vereinfachte Version der Palettenfarben
Farbton von dimgrey, Schatten von lightseagreen, Farbton von violet, Farbton von aliceblue, Schatten von crimson, Farbton von dodgerblue
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
CSS Framework Color Kit for Web Tools Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #495057 | #495057 | RGB(73, 80, 87) | Framework Gray | — |
| #17c3b2 | #17c3b2 | RGB(23, 195, 178) | Frontend Cyan | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Component Lilac | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Scaffold White | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Interaction Red | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Button Hover 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 |
#495057 | #e63946 | 1.96 |
#17c3b2 | #c084fc | 1.19 |
#17c3b2 | #e63946 | 1.88 |
#17c3b2 | #3b82f6 | 1.66 |
#c084fc | #e63946 | 1.57 |
#c084fc | #3b82f6 | 1.39 |
Bildpalette CSS Framework Color Kit for Web Tools png
Palette exportieren
Laden Sie die "CSS Framework Color Kit for Web Tools" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: