Product Design AI Toolkit
- Persona Apricot#ffbc97
- Wireframe Silver#d3d3d3
- Empathy Violet#a78bfa
- Component Teal#38b2ac
- UI Cream#fdfdf1
- Prototype Black#2c2c2c
Создано 07/11/2025 21:20
Палитра содержит светлый, темный цвета. Акцентные цвета Persona Apricot #ffbc97 и Empathy Violet #a78bfa. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #2C2C2C (самый тёмный) до #FDFDF1 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #2C2C2C, #38B2AC, #A78BFA, #D3D3D3, #FDFDF1, #FFBC97
Палитра Product Design AI Toolkit содержит комбинацию из 6 кодов цветов:
HEX: #ffbc97, RGB: (255, 188, 151); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #38b2ac, RGB: (56, 178, 172); HEX: #fdfdf1, RGB: (253, 253, 241); HEX: #2c2c2c, RGB: (44, 44, 44)
Упрощенная версия цветов палитры
Светлый оттенок Светло-лососевый, Светло-серый, Светлый оттенок Умеренно-фиолетовый, Светлый оттенок Светлый морской зелёный, Тёмный оттенок Слоновая кость, Светлый оттенок Черный
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Product Design AI Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ffbc97 | #ffbc97 | RGB(255, 188, 151) | Persona Apricot | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Wireframe Silver | Lightgray |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Empathy Violet | — |
| #38b2ac | #38b2ac | RGB(56, 178, 172) | Component Teal | — |
| #fdfdf1 | #fdfdf1 | RGB(253, 253, 241) | UI Cream | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Prototype Black | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ffbc97 | #d3d3d3 | 1.08 |
#ffbc97 | #a78bfa | 1.67 |
#ffbc97 | #38b2ac | 1.58 |
#ffbc97 | #fdfdf1 | 1.58 |
#d3d3d3 | #a78bfa | 1.81 |
#d3d3d3 | #38b2ac | 1.72 |
Палитра из изображения Product Design AI Toolkit png
Экспорт палитры
Скачайте "Product Design AI Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: