Створено 05/30/2025 14:19
Canvasclick
- Primary App Blue#a0c4ff
- Secondary Sticky Yellow#fff3a3
- Accent Click Coral#ffadad
- Accent Screen Mint#d0f9d0
- Background UI White#ffffff
- Surface Card Cream#f6f6f6
- Text Icon Black#1f1f1f
Палітра містить світлий, темний кольори. Акцентні кольори Primary App Blue #a0c4ff та Secondary Sticky Yellow #fff3a3. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1F1F1F (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 57% кольорів яскраві.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою (4 із 7).
HEX-коди (відсортовано): #1F1F1F, #A0C4FF, #D0F9D0, #F6F6F6, #FFADAD, #FFF3A3, #FFFFFF
Палітра Canvasclick містить комбінацію з 7 кодів кольорів :
HEX: #a0c4ff, RGB: (160, 196, 255); HEX: #fff3a3, RGB: (255, 243, 163); HEX: #ffadad, RGB: (255, 173, 173)
HEX: #d0f9d0, RGB: (208, 249, 208); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f6f6f6, RGB: (246, 246, 246)
HEX: #1f1f1f, RGB: (31, 31, 31)
Спрощений варіант палітри кольорів
Відтінок lightsteelblue, Відтінок хакі, Відтінок lightpink, Відтінок honeydew, Білий, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Canvasclick коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | Primary App Blue | — |
| #fff3a3 | #fff3a3 | RGB(255, 243, 163) | Secondary Sticky Yellow | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Accent Click Coral | — |
| #d0f9d0 | #d0f9d0 | RGB(208, 249, 208) | Accent Screen Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background UI White | White |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Surface Card Cream | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Text Icon Black | Gray12 |
Контраст палітри кольорів
15 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#a0c4ff | #fff3a3 | 1.57 |
#a0c4ff | #ffadad | 1 |
#a0c4ff | #d0f9d0 | 1.53 |
#a0c4ff | #ffffff | 1.77 |
#a0c4ff | #f6f6f6 | 1.64 |
#fff3a3 | #ffadad | 1.57 |
Зображення палітри Canvasclick png
Експортувати палітру
Завантажте "Canvasclick" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: