Hergestellt in 08/18/2025 08:36
Progressive React Component Grid
Component Blue
#1d4ed8
JS Yellow
#facc15
Hook Green
#16a34a
UI White
#ffffff
Framework Gray
#9ca3af
Console Black
#101010
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Component Blue #1d4ed8 und JS Yellow #facc15. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Progressive React Component Grid enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1d4ed8, RGB: (29, 78, 216); VERHEXEN: #facc15, RGB: (250, 204, 21); VERHEXEN: #16a34a, RGB: (22, 163, 74)
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #9ca3af, RGB: (156, 163, 175); VERHEXEN: #101010, RGB: (16, 16, 16)
Vereinfachte Version der Palettenfarben
Farbton von slateblue, Farbton von gold, Farbton von mediumseagreen, Weiss, Farbton von darkgrey, Schatten von Schwarz
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Progressive React Component Grid Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | Component Blue | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | JS Yellow | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Hook Green | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI White | White |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Framework Gray | — |
| #101010 | #101010 | RGB(16, 16, 16) | Console Black | — |
Farbpalette Kontrast
3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#facc15 | #ffffff | 1.53 |
#facc15 | #9ca3af | 1.65 |
#16a34a | #9ca3af | 1.29 |
Bildpalette Progressive React Component Grid png
Palette exportieren
Laden Sie die "Progressive React Component Grid" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: