Framer Motion AI Web 3 Gradient UI
- Keyframe Red#ef476f
- Easing Blue#118ab2
- ClipPath Lilac#9f86c0
- Motion Mint#06d6a0
- Canvas Snow#fcfdfd
- Overlay Charcoal#2d2d2d
Створено 07/23/2025 08:44
Палітра містить світлий, темний кольори. Акцентні кольори Keyframe Red #ef476f та Motion Mint #06d6a0. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #2D2D2D (найтемніший) до #FCFDFD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #06D6A0, #118AB2, #2D2D2D, #9F86C0, #EF476F, #FCFDFD
Палітра Framer Motion AI Web 3 Gradient UI містить комбінацію з 6 кодів кольорів :
HEX: #ef476f, RGB: (239, 71, 111); HEX: #118ab2, RGB: (17, 138, 178); HEX: #9f86c0, RGB: (159, 134, 192)
HEX: #06d6a0, RGB: (6, 214, 160); HEX: #fcfdfd, RGB: (252, 253, 253); HEX: #2d2d2d, RGB: (45, 45, 45)
Спрощений варіант палітри кольорів
Світлий відтінок Індійський червоний, Темний відтінок Сталевий синій, Світлий відтінок Помірно-фіолетовий, Темний відтінок Помірний аквамариновий, Темний відтінок Білий, Світлий відтінок Чорний
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Framer Motion AI Web 3 Gradient UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #ef476f | #ef476f | RGB(239, 71, 111) | Keyframe Red | — |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Easing Blue | — |
| #9f86c0 | #9f86c0 | RGB(159, 134, 192) | ClipPath Lilac | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Motion Mint | — |
| #fcfdfd | #fcfdfd | RGB(252, 253, 253) | Canvas Snow | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Overlay Charcoal | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ef476f | #118ab2 | 1.09 |
#ef476f | #9f86c0 | 1.14 |
#ef476f | #06d6a0 | 1.91 |
#118ab2 | #9f86c0 | 1.25 |
#9f86c0 | #06d6a0 | 1.67 |
#06d6a0 | #fcfdfd | 1.85 |
Палітра із зображення Framer Motion AI Web 3 Gradient UI png
Експортувати палітру
Завантажте "Framer Motion AI Web 3 Gradient UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: