Human-Centered AI UI Builder
- Trust Purple#ae8ff3
- Voice White#ffffff
- Empathy Rose#ffb5b5
- Interaction Grey#d1d1d1
- Intent Green#8ed6c1
- Accessibility Black#202020
Создано 08/02/2025 13:28
Палитра содержит светлый, темный цвета. Акцентные цвета Empathy Rose #ffb5b5 и Intent Green #8ed6c1. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #202020 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 2 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #202020, #8ED6C1, #AE8FF3, #D1D1D1, #FFB5B5, #FFFFFF
Палитра Human-Centered AI UI Builder содержит комбинацию из 6 кодов цветов:
HEX: #ae8ff3, RGB: (174, 143, 243); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffb5b5, RGB: (255, 181, 181)
HEX: #d1d1d1, RGB: (209, 209, 209); HEX: #8ed6c1, RGB: (142, 214, 193); HEX: #202020, RGB: (32, 32, 32)
Упрощенная версия цветов палитры
Светлый оттенок Умеренно-фиолетовый, Белый, Тёмный оттенок Светло-розовый, Тёмный оттенок Светло-серый, Светлый оттенок Умеренный аквамариновый, Светлый оттенок Черный
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Human-Centered AI UI Builder коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ae8ff3 | #ae8ff3 | RGB(174, 143, 243) | Trust Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Voice White | White |
| #ffb5b5 | #ffb5b5 | RGB(255, 181, 181) | Empathy Rose | — |
| #d1d1d1 | #d1d1d1 | RGB(209, 209, 209) | Interaction Grey | Gray82 |
| #8ed6c1 | #8ed6c1 | RGB(142, 214, 193) | Intent Green | — |
| #202020 | #202020 | RGB(32, 32, 32) | Accessibility Black | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ae8ff3 | #ffb5b5 | 1.56 |
#ae8ff3 | #d1d1d1 | 1.71 |
#ae8ff3 | #8ed6c1 | 1.56 |
#ffffff | #ffb5b5 | 1.67 |
#ffffff | #d1d1d1 | 1.52 |
#ffffff | #8ed6c1 | 1.67 |
Палитра из изображения Human-Centered AI UI Builder png
Экспорт палитры
Скачайте "Human-Centered AI UI Builder" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: