Webflow Interactive UI Canvas
- Builder Blue#1c77c3
- Section Sand#ffebcb
- CMS Plum#9c89b8
- Interaction Mint#a2d2ff
- Breakpoints Charcoal#2b2d42
- Element Rust#f76c6c
Створено 06/09/2025 15:25
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Section Sand #ffebcb та Interaction Mint #a2d2ff. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #2B2D42 (найтемніший) до #FFEBCB (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 6).
HEX-коди (відсортовано): #1C77C3, #2B2D42, #9C89B8, #A2D2FF, #F76C6C, #FFEBCB
Палітра Webflow Interactive UI Canvas містить комбінацію з 6 кодів кольорів :
HEX: #1c77c3, RGB: (28, 119, 195); HEX: #ffebcb, RGB: (255, 235, 203); HEX: #9c89b8, RGB: (156, 137, 184)
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #2b2d42, RGB: (43, 45, 66); HEX: #f76c6c, RGB: (247, 108, 108)
Спрощений варіант палітри кольорів
Темний відтінок Сталевий синій, Темний відтінок Блідо-мигдалевий, Світлий відтінок Помірно-фіолетовий, Світлий відтінок Світлий небесно-блакитний, Світлий відтінок Опівнічно-синій, Темний відтінок Світло-кораловий
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Webflow Interactive UI Canvas коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #1c77c3 | #1c77c3 | RGB(28, 119, 195) | Builder Blue | — |
| #ffebcb | #ffebcb | RGB(255, 235, 203) | Section Sand | — |
| #9c89b8 | #9c89b8 | RGB(156, 137, 184) | CMS Plum | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Interaction Mint | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Breakpoints Charcoal | — |
| #f76c6c | #f76c6c | RGB(247, 108, 108) | Element Rust | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#1c77c3 | #9c89b8 | 1.49 |
#1c77c3 | #f76c6c | 1.63 |
#ffebcb | #a2d2ff | 1.36 |
#9c89b8 | #a2d2ff | 1.97 |
#9c89b8 | #f76c6c | 1.09 |
#a2d2ff | #f76c6c | 1.8 |
Палітра із зображення Webflow Interactive UI Canvas png
Експортувати палітру
Завантажте "Webflow Interactive UI Canvas" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: