Створено 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
Палітра містить світлий, темний кольори. Акцентні кольори Secondary Periwinkle #a5b4fc та Surface Cool White #ffffff. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1E293B (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF
Палітра Oceanic UI Structure містить комбінацію з 6 кодів кольорів :
HEX: #6366f1, RGB: (99, 102, 241); HEX: #a5b4fc, RGB: (165, 180, 252); HEX: #38bdf8, RGB: (56, 189, 248)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e293b, RGB: (30, 41, 59)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок lightsteelblue, Відтінок deepskyblue, Відтінок whitesmoke, Білий, Відтінок midnightblue
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Oceanic UI Structure коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #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 | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#a5b4fc | #38bdf8 | 1.07 |
#a5b4fc | #f8fafc | 1.9 |
#a5b4fc | #ffffff | 1.99 |
#f8fafc | #ffffff | 1.04 |
Зображення палітри Oceanic UI Structure png
Експортувати палітру
Завантажте "Oceanic UI Structure" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: