Low-Code Web Toolkit Colors
- Widget Indigo#6366f1
- Template Cream#fef9c3
- Input Slate#64748b
- Visual Coral#fb7185
- Button Mint#6ee7b7
- Preview Fog#f3f4f6
- Build Jet#1f2937
Erstellt am 06/28/2025 20:12
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Widget Indigo #6366f1 und Template Cream #fef9c3. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #FEF9C3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 57% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 7).
HEX-Codes (sortiert): #1F2937, #6366F1, #64748B, #6EE7B7, #F3F4F6, #FB7185, #FEF9C3
Die Palette Low-Code Web Toolkit Colors kombiniert 7 Farbcodes:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #64748b, RGB: (100, 116, 139)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1f2937, RGB: (31, 41, 55)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Schieferblau, Schattierung von Chiffongelb, Schattierung von Schiefergrau, Schattierung von Hellkoralle, Schattierung von Aquamarin, Schattierung von Rauchweiß, Aufhellung von Schwarz
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Low-Code Web Toolkit Colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Widget Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Template Cream | — |
| #64748b | #64748b | RGB(100, 116, 139) | Input Slate | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Visual Coral | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Button Mint | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Preview Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Build Jet | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#6366f1 | #64748b | 1.06 |
#6366f1 | #fb7185 | 1.65 |
#fef9c3 | #6ee7b7 | 1.41 |
#fef9c3 | #f3f4f6 | 1.02 |
#64748b | #fb7185 | 1.76 |
#fb7185 | #6ee7b7 | 1.76 |
Bildpalette Low-Code Web Toolkit Colors png
Palette exportieren
Laden Sie die "Low-Code Web Toolkit Colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: