WebSocket Realtime UI Theme
- Stream Signal Green#58d68d
- Ping Purple#a569bd
- Connection Sky#aedff7
- Payload Yellow#ffe066
- Error Red#e63946
- Latency Black#1d1d1d
Erstellt am 06/08/2025 17:22
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Connection Sky #aedff7 und Payload Yellow #ffe066. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1D1D1D (dunkelstes) bis #FFE066 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% 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 6).
HEX-Codes (sortiert): #1D1D1D, #58D68D, #A569BD, #AEDFF7, #E63946, #FFE066
Die Palette WebSocket Realtime UI Theme kombiniert 6 Farbcodes:
HEX: #58d68d, RGB: (88, 214, 141); HEX: #a569bd, RGB: (165, 105, 189); HEX: #aedff7, RGB: (174, 223, 247)
HEX: #ffe066, RGB: (255, 224, 102); HEX: #e63946, RGB: (230, 57, 70); HEX: #1d1d1d, RGB: (29, 29, 29)
Vereinfachte Version der Palettenfarben
Aufhellung von Mittleres Frühlingsgrün, Aufhellung von Mittlere Orchidee, Aufhellung von Hellblau, Aufhellung von Gold, Aufhellung von Karmesinrot, Aufhellung von Schwarz
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
WebSocket Realtime UI Theme Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #58d68d | #58d68d | RGB(88, 214, 141) | Stream Signal Green | — |
| #a569bd | #a569bd | RGB(165, 105, 189) | Ping Purple | — |
| #aedff7 | #aedff7 | RGB(174, 223, 247) | Connection Sky | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Payload Yellow | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Error Red | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Latency Black | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#58d68d | #aedff7 | 1.28 |
#58d68d | #ffe066 | 1.41 |
#a569bd | #e63946 | 1.06 |
#aedff7 | #ffe066 | 1.09 |
Bildpalette WebSocket Realtime UI Theme png
Palette exportieren
Laden Sie die "WebSocket Realtime UI Theme" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: