Booking calendar mobile ux palette
- Black#141414
- Anti-Flash White#f0f0f0
- White#ffffff
- Aquamarine#78f0c8
- Middle Yellow Red#f0b478
- Columbia Blue#c8dcdc
Створено 05/08/2023 13:22
Палітра містить темний, світлий кольори. Акцентні кольори Aquamarine #78f0c8 та Middle Yellow Red #f0b478. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома) — 67% кольорів приглушені.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (2 із 6).
HEX-коди (відсортовано): #141414, #78F0C8, #C8DCDC, #F0B478, #F0F0F0, #FFFFFF
Палітра Booking calendar mobile ux palette містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #78f0c8, RGB: (120, 240, 200); HEX: #f0b478, RGB: (240, 180, 120); HEX: #c8dcdc, RGB: (200, 220, 220)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Темний відтінок Димчасто-білий, Білий, Темний відтінок Аквамариновий, Світлий відтінок Пісочно-коричневий, Світлий відтінок Пудрово-блакитний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Booking calendar mobile ux palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #78f0c8 | #78f0c8 | RGB(120, 240, 200) | Aquamarine | — |
| #f0b478 | #f0b478 | RGB(240, 180, 120) | Middle Yellow Red | — |
| #c8dcdc | #c8dcdc | RGB(200, 220, 220) | Columbia Blue | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f0f0f0 | #ffffff | 1.13 |
#f0f0f0 | #78f0c8 | 1.22 |
#f0f0f0 | #f0b478 | 1.6 |
#f0f0f0 | #c8dcdc | 1.25 |
#ffffff | #78f0c8 | 1.39 |
#ffffff | #f0b478 | 1.82 |
Палітра із зображення Booking calendar mobile ux palette png
Експортувати палітру
Завантажте "Booking calendar mobile ux palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: