Microinteractions ui app web design palette
- Ube#848cc4
- Wild Blue Yonder#a5abd4
- Indigo (Rainbow)#2a3059
- Toolbox#747cbc
- Ceil#989dca
- Black#0c0c0c
Створено 11/09/2022 13:30
Палітра містить світлий, темний кольори. Акцентні кольори Indigo (Rainbow) #2a3059 та Black #0c0c0c. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #0C0C0C (найтемніший) до #A5ABD4 (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні, в середньому 29% по палітрі.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 2°.
Загалом температура зміщена в бік холодного (5 із 6).
HEX-коди (відсортовано): #0C0C0C, #2A3059, #747CBC, #848CC4, #989DCA, #A5ABD4
Палітра Microinteractions ui app web design palette містить комбінацію з 6 кодів кольорів :
HEX: #848cc4, RGB: (132, 140, 196); HEX: #a5abd4, RGB: (165, 171, 212); HEX: #2a3059, RGB: (42, 48, 89)
HEX: #747cbc, RGB: (116, 124, 188); HEX: #989dca, RGB: (152, 157, 202); HEX: #0c0c0c, RGB: (12, 12, 12)
Спрощений варіант палітри кольорів
Темний відтінок Волошковий, Темний відтінок Світлий сталевий синій, Світлий відтінок Опівнічно-синій, Темний відтінок Помірно-фіолетовий, Темний відтінок Світлий сталевий синій, Світлий відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Microinteractions ui app web design palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #848cc4 | #848cc4 | RGB(132, 140, 196) | Ube | — |
| #a5abd4 | #a5abd4 | RGB(165, 171, 212) | Wild Blue Yonder | — |
| #2a3059 | #2a3059 | RGB(42, 48, 89) | Indigo (Rainbow) | — |
| #747cbc | #747cbc | RGB(116, 124, 188) | Toolbox | — |
| #989dca | #989dca | RGB(152, 157, 202) | Ceil | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Black | Black Wash |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#848cc4 | #a5abd4 | 1.43 |
#848cc4 | #747cbc | 1.22 |
#848cc4 | #989dca | 1.22 |
#a5abd4 | #747cbc | 1.75 |
#a5abd4 | #989dca | 1.17 |
#2a3059 | #0c0c0c | 1.55 |
Палітра із зображення Microinteractions ui app web design palette png
Експортувати палітру
Завантажте "Microinteractions ui app web design palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: