Створено 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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: