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