Создано 06/14/2025 19:48
Web Onboarding Component Flow
- Step Mint#a0f0c0
- Progress Indigo#7f9cf5
- CTA Peach#ffe5b4
- Instruction Grey#e2e8f0
- Confirm Navy#334155
- Overlay Soft White#f9fafb
Палитра содержит светлый цвета. Акцентные цвета Progress Indigo #7f9cf5 да CTA Peach #ffe5b4. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #334155 (самый тёмный) до #F9FAFB (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #334155, #7F9CF5, #A0F0C0, #E2E8F0, #F9FAFB, #FFE5B4
Палитра Web Onboarding Component Flow содержит комбинацию из 6 кодов цветов:
HEX: #a0f0c0, RGB: (160, 240, 192); HEX: #7f9cf5, RGB: (127, 156, 245); HEX: #ffe5b4, RGB: (255, 229, 180)
HEX: #e2e8f0, RGB: (226, 232, 240); HEX: #334155, RGB: (51, 65, 85); HEX: #f9fafb, RGB: (249, 250, 251)
Упрощенная версия цветов палитры
Оттенок aquamarine, Тень cornflowerblue, Тень moccasin, Оттенок aliceblue, Оттенок darkslateblue, Тень whitesmoke
Цветовая схема создана автором colourlock
Коды цветов в палитре
Web Onboarding Component Flow коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #a0f0c0 | #a0f0c0 | RGB(160, 240, 192) | Step Mint | — |
| #7f9cf5 | #7f9cf5 | RGB(127, 156, 245) | Progress Indigo | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | CTA Peach | Mouse Nose |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | Instruction Grey | — |
| #334155 | #334155 | RGB(51, 65, 85) | Confirm Navy | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Overlay Soft White | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#a0f0c0 | #7f9cf5 | 1.97 |
#a0f0c0 | #ffe5b4 | 1.08 |
#a0f0c0 | #e2e8f0 | 1.08 |
#a0f0c0 | #f9fafb | 1.27 |
#ffe5b4 | #e2e8f0 | 1 |
#ffe5b4 | #f9fafb | 1.17 |
Изображение палитры Web Onboarding Component Flow png
Экспорт палитры
Скачайте "Web Onboarding Component Flow" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: