Hergestellt in 07/10/2025 08:32
Contrast Optimized Devkit
- Keyword Blue#264653
- Panel Vanilla#f7eedd
- Accent Red#e63946
- Tooltip Navy#2a2e45
- Readable Green#a8e6cf
- Highlight Orange#ffa36c
- Drawer White#ffffff
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Readable Green #a8e6cf und Highlight Orange #ffa36c. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #2A2E45 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #264653, #2A2E45, #A8E6CF, #E63946, #F7EEDD, #FFA36C, #FFFFFF
Die Palette Contrast Optimized Devkit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #264653, RGB: (38, 70, 83); VERHEXEN: #f7eedd, RGB: (247, 238, 221); VERHEXEN: #e63946, RGB: (230, 57, 70)
VERHEXEN: #2a2e45, RGB: (42, 46, 69); VERHEXEN: #a8e6cf, RGB: (168, 230, 207); VERHEXEN: #ffa36c, RGB: (255, 163, 108)
VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Farbton von darkslategrey, Farbton von oldlace, Schatten von crimson, Schatten von midnightblue, Farbton von paleturquoise, Schatten von lightsalmon, Weiss
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Contrast Optimized Devkit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #264653 | #264653 | RGB(38, 70, 83) | Keyword Blue | — |
| #f7eedd | #f7eedd | RGB(247, 238, 221) | Panel Vanilla | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Accent Red | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Tooltip Navy | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Readable Green | — |
| #ffa36c | #ffa36c | RGB(255, 163, 108) | Highlight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#264653 | #2a2e45 | 1.32 |
#f7eedd | #a8e6cf | 1.22 |
#f7eedd | #ffa36c | 1.7 |
#f7eedd | #ffffff | 1.15 |
#a8e6cf | #ffa36c | 1.39 |
#a8e6cf | #ffffff | 1.41 |
Bildpalette Contrast Optimized Devkit png
Palette exportieren
Laden Sie die "Contrast Optimized Devkit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: