Создано 07/13/2025 17:36
Composable Web Component Theme
- Slot Sky#89cff0
- Shadow DOM Slate#66757f
- Element White#fafafa
- Template Violet#b497d6
- Bind Coral#ff847c
- Layout Charcoal#2a2a2a
Палитра содержит светлый, темный цвета. Акцентные цвета Slot Sky #89cff0 да Bind Coral #ff847c. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #2A2A2A (самый тёмный) до #FAFAFA (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #2A2A2A, #66757F, #89CFF0, #B497D6, #FAFAFA, #FF847C
Палитра Composable Web Component Theme содержит комбинацию из 6 кодов цветов:
HEX: #89cff0, RGB: (137, 207, 240); HEX: #66757f, RGB: (102, 117, 127); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #b497d6, RGB: (180, 151, 214); HEX: #ff847c, RGB: (255, 132, 124); HEX: #2a2a2a, RGB: (42, 42, 42)
Упрощенная версия цветов палитры
Тень skyblue, Оттенок slategrey, Тень whitesmoke, Оттенок plum, Тень salmon, Тень Черный
Цветовая схема создана автором colorslib
Коды цветов в палитре
Composable Web Component Theme коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Slot Sky | Pool Tiles |
| #66757f | #66757f | RGB(102, 117, 127) | Shadow DOM Slate | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Element White | Dr. White |
| #b497d6 | #b497d6 | RGB(180, 151, 214) | Template Violet | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Bind Coral | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Layout Charcoal | The End |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#89cff0 | #fafafa | 1.64 |
#89cff0 | #b497d6 | 1.46 |
#89cff0 | #ff847c | 1.38 |
#66757f | #b497d6 | 1.88 |
#b497d6 | #ff847c | 1.06 |
Изображение палитры Composable Web Component Theme png
Экспорт палитры
Скачайте "Composable Web Component Theme" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: