Создано 07/04/2025 10:08
Webflow Interaction Toolkit
- Trigger Blue#5a9cff
- Element Ivory#fffdf7
- Z-Stack Black#1b1b1b
- Click Coral#ff9076
- Smooth Scroll Sage#b6e3c7
- Layout Lavender#d3c3ff
Палитра содержит светлый, темный цвета. Акцентные цвета Element Ivory #fffdf7 да Layout Lavender #d3c3ff. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #1B1B1B (самый тёмный) до #FFFDF7 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1B1B1B, #5A9CFF, #B6E3C7, #D3C3FF, #FF9076, #FFFDF7
Палитра Webflow Interaction Toolkit содержит комбинацию из 6 кодов цветов:
HEX: #5a9cff, RGB: (90, 156, 255); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1b1b1b, RGB: (27, 27, 27)
HEX: #ff9076, RGB: (255, 144, 118); HEX: #b6e3c7, RGB: (182, 227, 199); HEX: #d3c3ff, RGB: (211, 195, 255)
Упрощенная версия цветов палитры
Тень cornflowerblue, Тень floralwhite, Тень Черный, Тень darksalmon, Оттенок paleturquoise, Тень thistle
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Webflow Interaction Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #5a9cff | #5a9cff | RGB(90, 156, 255) | Trigger Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Element Ivory | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Z-Stack Black | Eerie Black |
| #ff9076 | #ff9076 | RGB(255, 144, 118) | Click Coral | — |
| #b6e3c7 | #b6e3c7 | RGB(182, 227, 199) | Smooth Scroll Sage | — |
| #d3c3ff | #d3c3ff | RGB(211, 195, 255) | Layout Lavender | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#5a9cff | #ff9076 | 1.24 |
#5a9cff | #b6e3c7 | 1.93 |
#5a9cff | #d3c3ff | 1.7 |
#fffdf7 | #b6e3c7 | 1.39 |
#fffdf7 | #d3c3ff | 1.58 |
#ff9076 | #b6e3c7 | 1.55 |
Изображение палитры Webflow Interaction Toolkit png
Экспорт палитры
Скачайте "Webflow Interaction Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: