Frontend Animation Studio
- Keyframe Indigo#6366f1
- Transition Mint#4ade80
- Delay Cream#fffdf7
- Bounce Coral#fb7185
- Ease Slate#475569
- Play Fog#f5f5f5
- Loop Jet#0f172a
Створено 06/30/2025 19:22
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Keyframe Indigo #6366f1 та Delay Cream #fffdf7. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #0F172A (найтемніший) до #FFFDF7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 57% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 7).
HEX-коди (відсортовано): #0F172A, #475569, #4ADE80, #6366F1, #F5F5F5, #FB7185, #FFFDF7
Палітра Frontend Animation Studio містить комбінацію з 7 кодів кольорів :
HEX: #6366f1, RGB: (99, 102, 241); HEX: #4ade80, RGB: (74, 222, 128); HEX: #fffdf7, RGB: (255, 253, 247)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0f172a, RGB: (15, 23, 42)
Спрощений варіант палітри кольорів
Темний відтінок Помірний сланцево-синій, Світлий відтінок Помірний весняно-зелений, Світлий відтінок Квітково-білий, Темний відтінок Світло-кораловий, Світлий відтінок Темний сланцево-синій, Димчасто-білий, Світлий відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Frontend Animation Studio коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Keyframe Indigo | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Transition Mint | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Delay Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Bounce Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Ease Slate | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Play Fog | Whitesmoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Loop Jet | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#6366f1 | #fb7185 | 1.65 |
#6366f1 | #475569 | 1.69 |
#4ade80 | #fffdf7 | 1.71 |
#4ade80 | #fb7185 | 1.54 |
#4ade80 | #f5f5f5 | 1.59 |
#fffdf7 | #f5f5f5 | 1.07 |
Палітра із зображення Frontend Animation Studio png
Експортувати палітру
Завантажте "Frontend Animation Studio" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: