Composable Component Library Kit
- Atomic Aqua#24d1c1
- Slot Beige#fcf6f0
- Toggle Indigo#5f6caf
- Icon Coral#ffafa3
- Layout Dust#ececec
- Reusable Graphite#3a3a3a
Создано 06/25/2025 18:06
Палитра содержит светлый, полутемный цвета. Акцентные цвета Atomic Aqua #24d1c1 и Icon Coral #ffafa3. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #3A3A3A (самый тёмный) до #FCF6F0 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #24D1C1, #3A3A3A, #5F6CAF, #ECECEC, #FCF6F0, #FFAFA3
Палитра Composable Component Library Kit содержит комбинацию из 6 кодов цветов:
HEX: #24d1c1, RGB: (36, 209, 193); HEX: #fcf6f0, RGB: (252, 246, 240); HEX: #5f6caf, RGB: (95, 108, 175)
HEX: #ffafa3, RGB: (255, 175, 163); HEX: #ececec, RGB: (236, 236, 236); HEX: #3a3a3a, RGB: (58, 58, 58)
Упрощенная версия цветов палитры
Тёмный оттенок Бирюзовый, Тёмный оттенок Морская ракушка, Светлый оттенок Королевский синий, Тёмный оттенок Светло-розовый, Тёмный оттенок Дымчато-белый, Тёмный оттенок Тёмный аспидно-серый
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Composable Component Library Kit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #24d1c1 | #24d1c1 | RGB(36, 209, 193) | Atomic Aqua | — |
| #fcf6f0 | #fcf6f0 | RGB(252, 246, 240) | Slot Beige | — |
| #5f6caf | #5f6caf | RGB(95, 108, 175) | Toggle Indigo | — |
| #ffafa3 | #ffafa3 | RGB(255, 175, 163) | Icon Coral | Amber Tide |
| #ececec | #ececec | RGB(236, 236, 236) | Layout Dust | — |
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Reusable Graphite | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#24d1c1 | #fcf6f0 | 1.78 |
#24d1c1 | #ffafa3 | 1.08 |
#24d1c1 | #ececec | 1.62 |
#fcf6f0 | #ffafa3 | 1.64 |
#fcf6f0 | #ececec | 1.1 |
#ffafa3 | #ececec | 1.49 |
Палитра из изображения Composable Component Library Kit png
Экспорт палитры
Скачайте "Composable Component Library Kit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: