Dark Adaptive Motion UI Kit
- Motion Core Black#0e0e0e
- Tween Curve Teal#00e0ff
- Hover Ring Indigo#6c63ff
- Frame Pause Grey#bdbdbd
- Interaction Glow White#fbfbfb
- Click Feedback Yellow#fff275
Создано 07/11/2025 12:51
Палитра содержит темный, светлый цвета. Акцентные цвета Tween Curve Teal #00e0ff и Click Feedback Yellow #fff275. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #0E0E0E (самый тёмный) до #FBFBFB (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #00E0FF, #0E0E0E, #6C63FF, #BDBDBD, #FBFBFB, #FFF275
Палитра Dark Adaptive Motion UI Kit содержит комбинацию из 6 кодов цветов:
HEX: #0e0e0e, RGB: (14, 14, 14); HEX: #00e0ff, RGB: (0, 224, 255); HEX: #6c63ff, RGB: (108, 99, 255)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #fff275, RGB: (255, 242, 117)
Упрощенная версия цветов палитры
Светлый оттенок Черный, Тёмный оттенок Небесно-голубой, Тёмный оттенок Умеренный аспидно-синий, Тёмный оттенок Серебряный, Тёмный оттенок Белый, Светлый оттенок Хаки
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Dark Adaptive Motion UI Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Motion Core Black | — |
| #00e0ff | #00e0ff | RGB(0, 224, 255) | Tween Curve Teal | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Hover Ring Indigo | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Frame Pause Grey | Gray74 |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Interaction Glow White | Whiteout |
| #fff275 | #fff275 | RGB(255, 242, 117) | Click Feedback Yellow | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#00e0ff | #bdbdbd | 1.17 |
#00e0ff | #fbfbfb | 1.54 |
#00e0ff | #fff275 | 1.38 |
#bdbdbd | #fbfbfb | 1.81 |
#bdbdbd | #fff275 | 1.62 |
#fbfbfb | #fff275 | 1.11 |
Палитра из изображения Dark Adaptive Motion UI Kit png
Экспорт палитры
Скачайте "Dark Adaptive Motion UI Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: