Створено 04/19/2023 09:37
Design desktop buttons tutorial colours
- Black#141414
- Light Periwinkle#c8c8dc
- White#ffffff
- Chinese Silver#c8c8c8
- Alice Blue#f0f0ff
- Anti-Flash White#f0f0f0
Палітра містить темний, світлий кольори. Акцентні кольори White #ffffff та Alice Blue #f0f0ff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #141414, #C8C8C8, #C8C8DC, #F0F0F0, #F0F0FF, #FFFFFF
Палітра Design desktop buttons tutorial colours містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #c8c8dc, RGB: (200, 200, 220); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #c8c8c8, RGB: (200, 200, 200); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок lavender, Білий, Відтінок Срібний, Відтінок lavender, Відтінок whitesmoke
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Design desktop buttons tutorial colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #c8c8dc | #c8c8dc | RGB(200, 200, 220) | Light Periwinkle | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Chinese Silver | — |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Alice Blue | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#c8c8dc | #ffffff | 1.64 |
#c8c8dc | #c8c8c8 | 1.01 |
#c8c8dc | #f0f0ff | 1.45 |
#c8c8dc | #f0f0f0 | 1.44 |
#ffffff | #c8c8c8 | 1.67 |
#ffffff | #f0f0ff | 1.12 |
Зображення палітри Design desktop buttons tutorial colours png
Експортувати палітру
Завантажте "Design desktop buttons tutorial colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: