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