Створено 06/14/2025 19:36
Web Animation Performance Kit
- FPS Lime#c6f91f
- Transform Aqua#00f0ff
- Ease White#fafafa
- Loop Violet#b497f4
- Trigger Graphite#2b2b2b
- Motion Peach#ffd6a5
Палітра містить світлий, темний кольори. Акцентні кольори Transform Aqua #00f0ff та Motion Peach #ffd6a5. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #2B2B2B (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #00F0FF, #2B2B2B, #B497F4, #C6F91F, #FAFAFA, #FFD6A5
Палітра Web Animation Performance Kit містить комбінацію з 6 кодів кольорів :
HEX: #c6f91f, RGB: (198, 249, 31); HEX: #00f0ff, RGB: (0, 240, 255); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #b497f4, RGB: (180, 151, 244); HEX: #2b2b2b, RGB: (43, 43, 43); HEX: #ffd6a5, RGB: (255, 214, 165)
Спрощений варіант палітри кольорів
Відтінок greenyellow, Відтінок cyan, Відтінок whitesmoke, Відтінок mediumpurple, Відтінок Чорний, Відтінок navajowhite
Кольорова схема створена автором hex
Коди кольорів у палітрі
Web Animation Performance Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #c6f91f | #c6f91f | RGB(198, 249, 31) | FPS Lime | — |
| #00f0ff | #00f0ff | RGB(0, 240, 255) | Transform Aqua | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Ease White | Dr. White |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Loop Violet | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Trigger Graphite | Shoe Wax |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Motion Peach | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#c6f91f | #00f0ff | 1.13 |
#c6f91f | #fafafa | 1.18 |
#c6f91f | #b497f4 | 1.95 |
#c6f91f | #ffd6a5 | 1.1 |
#00f0ff | #fafafa | 1.34 |
#00f0ff | #b497f4 | 1.71 |
Зображення палітри Web Animation Performance Kit png
Експортувати палітру
Завантажте "Web Animation Performance Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: