Interactive Web App UI Tokens
- Click Coral#fb7185
- Hover Indigo#6366f1
- Input Cream#fef9c3
- Transition Teal#14b8a6
- Form Shadow#9ca3af
- Field Mist#f3f4f6
- CTA Yellow#fcd34d
Создано 06/27/2025 11:01
Палитра содержит светлый цвета. Акцентные цвета Hover Indigo #6366f1 и Input Cream #fef9c3. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #6366F1 (самый тёмный) до #FEF9C3 (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома) — 71% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону тёплого (3 из 7).
HEX-коды (по возрастанию): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3
Палитра Interactive Web App UI Tokens содержит комбинацию из 7 кодов цветов:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Упрощенная версия цветов палитры
Тёмный оттенок Светло-коралловый, Тёмный оттенок Умеренный аспидно-синий, Тёмный оттенок Лимонный шифон, Тёмный оттенок Светлый морской зелёный, Тёмный оттенок Тёмно-серый, Тёмный оттенок Дымчато-белый, Светлый оттенок Золотой
Цветовая схема создана автором colorslib
Коды цветов в палитре
Interactive Web App UI Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Click Coral | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Hover Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Input Cream | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Transition Teal | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Form Shadow | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Field Mist | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | CTA Yellow | — |
Контраст палитры цветов
12 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#fb7185 | #6366f1 | 1.65 |
#fb7185 | #14b8a6 | 1.08 |
#fb7185 | #9ca3af | 1.06 |
#fb7185 | #fcd34d | 1.86 |
#6366f1 | #14b8a6 | 1.79 |
#6366f1 | #9ca3af | 1.75 |
Палитра из изображения Interactive Web App UI Tokens png
Экспорт палитры
Скачайте "Interactive Web App UI Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: