AI Coding Assistant UX Theme
- Prompt Blue#42a5f5
- IDE Background#1e1e1e
- Output Light Gray#eceff1
- Syntax Pink#f06292
- AutoFix Green#66bb6a
- Typing Beam#fdd835
Erstellt am 07/25/2025 08:10
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Prompt Blue #42a5f5 und Typing Beam #fdd835. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1E1E1E (dunkelstes) bis #ECEFF1 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 2 gedämpfte und 3 lebhafte von 6 Farben.
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): #1E1E1E, #42A5F5, #66BB6A, #ECEFF1, #F06292, #FDD835
Die Palette AI Coding Assistant UX Theme kombiniert 6 Farbcodes:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #eceff1, RGB: (236, 239, 241)
HEX: #f06292, RGB: (240, 98, 146); HEX: #66bb6a, RGB: (102, 187, 106); HEX: #fdd835, RGB: (253, 216, 53)
Vereinfachte Version der Palettenfarben
Aufhellung von Dodgerblau, Aufhellung von Schwarz, Schattierung von Rauchweiß, Schattierung von Blasses Violettrot, Aufhellung von Mittleres Seegrün, Aufhellung von Gold
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
AI Coding Assistant UX Theme Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Prompt Blue | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | IDE Background | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Output Light Gray | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Syntax Pink | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | AutoFix Green | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Typing Beam | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#42a5f5 | #f06292 | 1.15 |
#42a5f5 | #66bb6a | 1.11 |
#42a5f5 | #fdd835 | 1.89 |
#eceff1 | #fdd835 | 1.2 |
#f06292 | #66bb6a | 1.29 |
#66bb6a | #fdd835 | 1.69 |
Bildpalette AI Coding Assistant UX Theme png
Palette exportieren
Laden Sie die "AI Coding Assistant UX Theme" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: