Skeleton navbar productivity navigation colours
- White#ffffff
- gray94#f0f0f0
- Light Periwinkle#c8c8dc
- White#dcdcdc
- Alice Blue#f0f0ff
- Eerie Black#141428
Створено 08/23/2023 11:45
Палітра містить світлий, темний кольори. Акцентні кольори White #ffffff та Alice Blue #f0f0ff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141428 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома) — 67% кольорів приглушені.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 0°.
Більшість зразків читаються як нейтральні за температурою (4 із 6).
HEX-коди (відсортовано): #141428, #C8C8DC, #DCDCDC, #F0F0F0, #F0F0FF, #FFFFFF
Палітра Skeleton navbar productivity navigation colours містить комбінацію з 6 кодів кольорів :
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #c8c8dc, RGB: (200, 200, 220)
HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #141428, RGB: (20, 20, 40)
Спрощений варіант палітри кольорів
Білий, Темний відтінок Димчасто-білий, Темний відтінок Лавандовий, Ґейнсборо, Світлий відтінок Лавандовий, Світлий відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Skeleton navbar productivity navigation colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | gray94 | — |
| #c8c8dc | #c8c8dc | RGB(200, 200, 220) | Light Periwinkle | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | White | Gainsboro |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Alice Blue | — |
| #141428 | #141428 | RGB(20, 20, 40) | Eerie Black | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #c8c8dc | 1.64 |
#ffffff | #dcdcdc | 1.37 |
#ffffff | #f0f0ff | 1.12 |
#f0f0f0 | #c8c8dc | 1.44 |
#f0f0f0 | #dcdcdc | 1.2 |
Палітра із зображення Skeleton navbar productivity navigation colours png
Експортувати палітру
Завантажте "Skeleton navbar productivity navigation colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: