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