Ux mobile ui 设计
- Blue (RYB)#0c34fc
- Cornflower Blue#6f9cee
- Indigo (Rainbow)#233770
- Weldon Blue#7c8cbc
- Wild Blue Yonder#a5afca
- Police Blue#344e6e
Створено 08/03/2022 08:37
Палітра містить напівтемний, світлий кольори. Акцентні кольори Blue (RYB) #0c34fc та Cornflower Blue #6f9cee. Палітра має температуру кольорів Холодний.
За світлістю палітра сягає від #233770 (найтемніший) до #A5AFCA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 1 приглушених і 3 яскравих із 6 кольорів.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 17°.
Загалом температура зміщена в бік холодного (6 із 6).
HEX-коди (відсортовано): #0C34FC, #233770, #344E6E, #6F9CEE, #7C8CBC, #A5AFCA
Палітра Ux mobile ui 设计 містить комбінацію з 6 кодів кольорів :
HEX: #0c34fc, RGB: (12, 52, 252); HEX: #6f9cee, RGB: (111, 156, 238); HEX: #233770, RGB: (35, 55, 112)
HEX: #7c8cbc, RGB: (124, 140, 188); HEX: #a5afca, RGB: (165, 175, 202); HEX: #344e6e, RGB: (52, 78, 110)
Спрощений варіант палітри кольорів
Світлий відтінок Синій, Світлий відтінок Волошковий, Темний відтінок Темний сланцево-синій, Темний відтінок Волошковий, Темний відтінок Світлий сталевий синій, Світлий відтінок Темний сланцево-синій
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ux mobile ui 设计 коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #0c34fc | #0c34fc | RGB(12, 52, 252) | Blue (RYB) | — |
| #6f9cee | #6f9cee | RGB(111, 156, 238) | Cornflower Blue | — |
| #233770 | #233770 | RGB(35, 55, 112) | Indigo (Rainbow) | — |
| #7c8cbc | #7c8cbc | RGB(124, 140, 188) | Weldon Blue | — |
| #a5afca | #a5afca | RGB(165, 175, 202) | Wild Blue Yonder | — |
| #344e6e | #344e6e | RGB(52, 78, 110) | Police Blue | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#0c34fc | #233770 | 1.57 |
#0c34fc | #344e6e | 1.18 |
#6f9cee | #7c8cbc | 1.21 |
#6f9cee | #a5afca | 1.25 |
#233770 | #344e6e | 1.32 |
#7c8cbc | #a5afca | 1.51 |
Палітра із зображення Ux mobile ui 设计 png
Експортувати палітру
Завантажте "Ux mobile ui 设计" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати:
