Створено 05/27/2023 08:21
Ux design prototype ui colors
- Black#141414
- White#ffffff
- Lavender (Web)#f0dcff
- Anti-Flash White#f0f0f0
- Lavender Indigo#8c50dc
- Pink Lace#f0dcf0
Палітра містить темний, світлий кольори. Акцентні кольори Lavender (Web) #f0dcff та Lavender Indigo #8c50dc. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #141414, #8C50DC, #F0DCF0, #F0DCFF, #F0F0F0, #FFFFFF
Палітра Ux design prototype ui colors містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0dcff, RGB: (240, 220, 255)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #8c50dc, RGB: (140, 80, 220); HEX: #f0dcf0, RGB: (240, 220, 240)
Спрощений варіант палітри кольорів
Відтінок Чорний, Білий, Відтінок thistle, Відтінок whitesmoke, Відтінок blueviolet, Відтінок lavenderblush
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Ux design prototype ui colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0dcff | #f0dcff | RGB(240, 220, 255) | Lavender (Web) | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #8c50dc | #8c50dc | RGB(140, 80, 220) | Lavender Indigo | — |
| #f0dcf0 | #f0dcf0 | RGB(240, 220, 240) | Pink Lace | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffffff | #f0dcff | 1.28 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #f0dcf0 | 1.29 |
#f0dcff | #f0f0f0 | 1.12 |
#f0dcff | #f0dcf0 | 1.01 |
#f0f0f0 | #f0dcf0 | 1.13 |
Зображення палітри Ux design prototype ui colors png
Експортувати палітру
Завантажте "Ux design prototype ui colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: