Accessible Interface Layer Map
- Tab Indigo#6366f1
- Highlight Yellow#fef9c3
- Scroll Rose#fbcfe8
- Backdrop Fog#e5e7eb
- Link Slate#475569
- Banner White#fafafa
- Overlay Black#0f172a
Erstellt am 06/26/2025 08:38
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Tab Indigo #6366f1 und Highlight Yellow #fef9c3. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 7 Farben.
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 7).
HEX-Codes (sortiert): #0F172A, #475569, #6366F1, #E5E7EB, #FAFAFA, #FBCFE8, #FEF9C3
Die Palette Accessible Interface Layer Map kombiniert 7 Farbcodes:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fbcfe8, RGB: (251, 207, 232)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #475569, RGB: (71, 85, 105); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #0f172a, RGB: (15, 23, 42)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Schieferblau, Schattierung von Chiffongelb, Aufhellung von Distel, Aufhellung von Gainsboro, Aufhellung von Dunkles Schieferblau, Aufhellung von Rauchweiß, Aufhellung von Schwarz
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Accessible Interface Layer Map Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Tab Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Highlight Yellow | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Scroll Rose | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Backdrop Fog | — |
| #475569 | #475569 | RGB(71, 85, 105) | Link Slate | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Banner White | Dr. White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overlay Black | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#6366f1 | #475569 | 1.69 |
#fef9c3 | #fbcfe8 | 1.28 |
#fef9c3 | #e5e7eb | 1.15 |
#fef9c3 | #fafafa | 1.02 |
#fbcfe8 | #e5e7eb | 1.11 |
#fbcfe8 | #fafafa | 1.32 |
Bildpalette Accessible Interface Layer Map png
Palette exportieren
Laden Sie die "Accessible Interface Layer Map" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: