Створено 02/27/2023 19:55
Date picker design resource ui ux colors
- Dodger Blue#2c84fc
- Blueberry#4f9af7
- Air Force Blue (USAF)#013882
- Dark Silver#6c6c74
- Calming Space#aab4bf
- Charleston Green#2c2c2c
Палітра містить світлий, темний кольори. Акцентні кольори Air Force Blue (USAF) #013882 та Charleston Green #2c2c2c. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #2C2C2C (найтемніший) до #AAB4BF (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #013882, #2C2C2C, #2C84FC, #4F9AF7, #6C6C74, #AAB4BF
Палітра Date picker design resource ui ux colors містить комбінацію з 6 кодів кольорів :
HEX: #2c84fc, RGB: (44, 132, 252); HEX: #4f9af7, RGB: (79, 154, 247); HEX: #013882, RGB: (1, 56, 130)
HEX: #6c6c74, RGB: (108, 108, 116); HEX: #aab4bf, RGB: (170, 180, 191); HEX: #2c2c2c, RGB: (44, 44, 44)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок cornflowerblue, Відтінок darkslateblue, Відтінок dimgrey, Відтінок lightsteelblue, Відтінок Чорний
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Date picker design resource ui ux colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2c84fc | #2c84fc | RGB(44, 132, 252) | Dodger Blue | — |
| #4f9af7 | #4f9af7 | RGB(79, 154, 247) | Blueberry | — |
| #013882 | #013882 | RGB(1, 56, 130) | Air Force Blue (USAF) | — |
| #6c6c74 | #6c6c74 | RGB(108, 108, 116) | Dark Silver | — |
| #aab4bf | #aab4bf | RGB(170, 180, 191) | Calming Space | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Charleston Green | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2c84fc | #4f9af7 | 1.25 |
#2c84fc | #6c6c74 | 1.44 |
#2c84fc | #aab4bf | 1.71 |
#4f9af7 | #6c6c74 | 1.8 |
#4f9af7 | #aab4bf | 1.36 |
#013882 | #2c2c2c | 1.25 |
Зображення палітри Date picker design resource ui ux colors png
Експортувати палітру
Завантажте "Date picker design resource ui ux colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: