SaaS Onboarding Experience Toolkit
- Welcome Aqua#4dd0e1
- Step Cream#fff3e0
- CTA Navy#283593
- Tooltip Plum#ab47bc
- Form White#ffffff
- Confirm Teal#009688
Создано 07/25/2025 08:09
Палитра содержит светлый, полутемный цвета. Акцентные цвета Step Cream #fff3e0 и Confirm Teal #009688. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #283593 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #009688, #283593, #4DD0E1, #AB47BC, #FFF3E0, #FFFFFF
Палитра SaaS Onboarding Experience Toolkit содержит комбинацию из 6 кодов цветов:
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #fff3e0, RGB: (255, 243, 224); HEX: #283593, RGB: (40, 53, 147)
HEX: #ab47bc, RGB: (171, 71, 188); HEX: #ffffff, RGB: (255, 255, 255); HEX: #009688, RGB: (0, 150, 136)
Упрощенная версия цветов палитры
Светлый оттенок Тёмно-бирюзовый, Светлый оттенок Античный белый, Тёмный оттенок Тёмный аспидно-синий, Тёмный оттенок Умеренная орхидея, Белый, Светлый оттенок Тёмный циан
Цветовая схема создана автором colorhunt
Коды цветов в палитре
SaaS Onboarding Experience Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | Welcome Aqua | — |
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | Step Cream | — |
| #283593 | #283593 | RGB(40, 53, 147) | CTA Navy | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | Tooltip Plum | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Form White | White |
| #009688 | #009688 | RGB(0, 150, 136) | Confirm Teal | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#4dd0e1 | #fff3e0 | 1.67 |
#4dd0e1 | #ffffff | 1.83 |
#4dd0e1 | #009688 | 1.99 |
#fff3e0 | #ffffff | 1.09 |
#ab47bc | #009688 | 1.31 |
Палитра из изображения SaaS Onboarding Experience Toolkit png
Экспорт палитры
Скачайте "SaaS Onboarding Experience Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: