Создано 06/25/2025 17:58
Cross-Platform UI Component Suite
- Hybrid Lilac#c3b1e1
- Compile Coral#ff857a
- State Aqua#00d9c0
- Theme Gray#d3d3d3
- Interaction Ink#292929
- Layout Lemon#fdfd96
- Emulator Sky#b3e5fc
Палитра содержит светлый, темный цвета. Акцентные цвета Compile Coral #ff857a да State Aqua #00d9c0. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #292929 (самый тёмный) до #B3E5FC (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00D9C0, #292929, #B3E5FC, #C3B1E1, #D3D3D3, #FDFD96, #FF857A
Палитра Cross-Platform UI Component Suite содержит комбинацию из 7 кодов цветов:
HEX: #c3b1e1, RGB: (195, 177, 225); HEX: #ff857a, RGB: (255, 133, 122); HEX: #00d9c0, RGB: (0, 217, 192)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #292929, RGB: (41, 41, 41); HEX: #fdfd96, RGB: (253, 253, 150)
HEX: #b3e5fc, RGB: (179, 229, 252)
Упрощенная версия цветов палитры
Оттенок thistle, Тень salmon, Оттенок turquoise, Тень Черный, Тень хаки, Тень lightblue
Цветовая схема создана автором colorday
Коды цветов в палитре
Cross-Platform UI Component Suite коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #c3b1e1 | #c3b1e1 | RGB(195, 177, 225) | Hybrid Lilac | — |
| #ff857a | #ff857a | RGB(255, 133, 122) | Compile Coral | — |
| #00d9c0 | #00d9c0 | RGB(0, 217, 192) | State Aqua | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Theme Gray | Pinball |
| #292929 | #292929 | RGB(41, 41, 41) | Interaction Ink | Chromaphobic Black |
| #fdfd96 | #fdfd96 | RGB(253, 253, 150) | Layout Lemon | Pastel Yellow |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Emulator Sky | — |
Контраст палитры цветов
14 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#c3b1e1 | #ff857a | 1.2 |
#c3b1e1 | #00d9c0 | 1.09 |
#c3b1e1 | #d3d3d3 | 1.31 |
#c3b1e1 | #fdfd96 | 1.83 |
#c3b1e1 | #b3e5fc | 1.45 |
#ff857a | #00d9c0 | 1.31 |
Изображение палитры Cross-Platform UI Component Suite png
Экспорт палитры
Скачайте "Cross-Platform UI Component Suite" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: