AI Powered React UI Hyperstructure
- Component Indigo#3d5afe
- Gradient Peach#ffb300
- Vector Teal#00acc1
- Surface White#ffffff
- Shadow Gray#424242
- Accent Rose#f06292
- Quantum Blue#1e88e5
Erstellt am 08/23/2025 11:55
Die Palette besteht aus Halbdunkel, Hell-Farben. Akzentfarben Gradient Peach #ffb300 und Vector Teal #00acc1. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #424242 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% 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 (3 von 7).
HEX-Codes (sortiert): #00ACC1, #1E88E5, #3D5AFE, #424242, #F06292, #FFB300, #FFFFFF
Die Palette AI Powered React UI Hyperstructure kombiniert 7 Farbcodes:
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #ffb300, RGB: (255, 179, 0); HEX: #00acc1, RGB: (0, 172, 193)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #f06292, RGB: (240, 98, 146)
HEX: #1e88e5, RGB: (30, 136, 229)
Vereinfachte Version der Palettenfarben
Schattierung von Königsblau, Aufhellung von Orange, Schattierung von Kadettenblau, Weiß, Schattierung von Dunkles Schiefergrau, Schattierung von Blasses Violettrot, Schattierung von Dodgerblau
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
AI Powered React UI Hyperstructure Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Component Indigo | — |
| #ffb300 | #ffb300 | RGB(255, 179, 0) | Gradient Peach | UCLA Gold |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Vector Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #424242 | #424242 | RGB(66, 66, 66) | Shadow Gray | Black Panther |
| #f06292 | #f06292 | RGB(240, 98, 146) | Accent Rose | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Quantum Blue | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#3d5afe | #00acc1 | 1.87 |
#3d5afe | #424242 | 1.95 |
#3d5afe | #f06292 | 1.67 |
#3d5afe | #1e88e5 | 1.39 |
#ffb300 | #00acc1 | 1.52 |
#ffb300 | #ffffff | 1.79 |
Bildpalette AI Powered React UI Hyperstructure png
Palette exportieren
Laden Sie die "AI Powered React UI Hyperstructure" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: