AI-Powered UI Component Library
- Neuron Blue#3a86ff
- Token Beige#fff5e1
- Layer Graphite#444444
- Inference Pink#ff8ba7
- Render White#fbfbfb
- Pipeline Yellow#ffd166
- Sync Teal#00c49a
Erstellt am 07/14/2025 07:47
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Token Beige #fff5e1 und Sync Teal #00c49a. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #444444 (dunkelstes) bis #FBFBFB (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.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #00C49A, #3A86FF, #444444, #FBFBFB, #FF8BA7, #FFD166, #FFF5E1
Die Palette AI-Powered UI Component Library kombiniert 7 Farbcodes:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #fff5e1, RGB: (255, 245, 225); HEX: #444444, RGB: (68, 68, 68)
HEX: #ff8ba7, RGB: (255, 139, 167); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #00c49a, RGB: (0, 196, 154)
Vereinfachte Version der Palettenfarben
Aufhellung von Dodgerblau, Aufhellung von Alte Spitze, Schattierung von Mattgrau, Aufhellung von Blasses Violettrot, Schattierung von Weiß, Aufhellung von Gold, Schattierung von Mittleres Aquamarin
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
AI-Powered UI Component Library Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Neuron Blue | — |
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | Token Beige | — |
| #444444 | #444444 | RGB(68, 68, 68) | Layer Graphite | Goshawk Grey |
| #ff8ba7 | #ff8ba7 | RGB(255, 139, 167) | Inference Pink | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Render White | Whiteout |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Pipeline Yellow | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Sync Teal | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#3a86ff | #ff8ba7 | 1.57 |
#3a86ff | #00c49a | 1.55 |
#fff5e1 | #fbfbfb | 1.04 |
#fff5e1 | #ffd166 | 1.33 |
#ff8ba7 | #ffd166 | 1.53 |
#ff8ba7 | #00c49a | 1.01 |
Bildpalette AI-Powered UI Component Library png
Palette exportieren
Laden Sie die "AI-Powered UI Component Library" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: