Hergestellt in 05/28/2025 06:19
Oceanic UI Structure
- Primary Indigo#6366f1
- Secondary Periwinkle#a5b4fc
- Accent Sky#38bdf8
- Background Light#f8fafc
- Surface Cool White#ffffff
- Text Ink#1e293b
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Secondary Periwinkle #a5b4fc und Surface Cool White #ffffff. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1E293B (dunkelstes) bis #FFFFFF (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): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
Die Palette Oceanic UI Structure enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #6366f1, RGB: (99, 102, 241); VERHEXEN: #a5b4fc, RGB: (165, 180, 252); VERHEXEN: #38bdf8, RGB: (56, 189, 248)
VERHEXEN: #f8fafc, RGB: (248, 250, 252); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #1e293b, RGB: (30, 41, 59)
Vereinfachte Version der Palettenfarben
Farbton von mediumslateblue, Farbton von lightsteelblue, Schatten von deepskyblue, Schatten von whitesmoke, Weiss, Schatten von midnightblue
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Oceanic UI Structure Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #a5b4fc | #a5b4fc | RGB(165, 180, 252) | Secondary Periwinkle | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Accent Sky | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Light | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Cool White | White |
| #1e293b | #1e293b | RGB(30, 41, 59) | Text Ink | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Bildpalette Oceanic UI Structure png
Palette exportieren
Laden Sie die "Oceanic UI Structure" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: