Loading...
Hergestellt in 06/22/2025 07:17
Web IDE Color Scheme
- Editor Black#121212
- Line Highlight Blue#57c7ff
- Code Lime#a8e6cf
- Bracket Gray#b0bec5
- Terminal Teal#3aafa9
- BG Panel White#fbfbfb
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Line Highlight Blue #57c7ff und BG Panel White #fbfbfb. Palette hat Farbtemperatur Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #FBFBFB (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #121212, #3AAFA9, #57C7FF, #A8E6CF, #B0BEC5, #FBFBFB
Die Palette Web IDE Color Scheme enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #121212, RGB: (18, 18, 18); VERHEXEN: #57c7ff, RGB: (87, 199, 255); VERHEXEN: #a8e6cf, RGB: (168, 230, 207)
VERHEXEN: #b0bec5, RGB: (176, 190, 197); VERHEXEN: #3aafa9, RGB: (58, 175, 169); VERHEXEN: #fbfbfb, RGB: (251, 251, 251)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Schatten von deepskyblue, Farbton von paleturquoise, Farbton von Silber, Schatten von lightseagreen, Farbton von Weiss
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Web IDE Color Scheme Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #121212 | #121212 | RGB(18, 18, 18) | Editor Black | Dark Tone Ink |
| #57c7ff | #57c7ff | RGB(87, 199, 255) | Line Highlight Blue | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Code Lime | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Bracket Gray | Ocean Drive |
| #3aafa9 | #3aafa9 | RGB(58, 175, 169) | Terminal Teal | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | BG Panel White | Whiteout |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#57c7ff | #a8e6cf | 1.35 |
#57c7ff | #b0bec5 | 1 |
#57c7ff | #3aafa9 | 1.39 |
#57c7ff | #fbfbfb | 1.84 |
#a8e6cf | #b0bec5 | 1.35 |
#a8e6cf | #3aafa9 | 1.88 |
Bildpalette Web IDE Color Scheme png
Palette exportieren
Laden Sie die "Web IDE Color Scheme" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: