Создано 07/11/2025 21:31
Web Component Architecture UI
- Shadow DOM Grey#ced0ce
- Slot Mint#a3f7bf
- HTML Tag Blue#407bff
- Style Isolate Beige#fff1e6
- Element Coral#ff6b6b
- JS Logic Navy#1a1a40
Палитра содержит светлый, темный цвета. Акцентные цвета HTML Tag Blue #407bff да Style Isolate Beige #fff1e6. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #1A1A40 (самый тёмный) до #FFF1E6 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1A1A40, #407BFF, #A3F7BF, #CED0CE, #FF6B6B, #FFF1E6
Палитра Web Component Architecture UI содержит комбинацию из 6 кодов цветов:
HEX: #ced0ce, RGB: (206, 208, 206); HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #407bff, RGB: (64, 123, 255)
HEX: #fff1e6, RGB: (255, 241, 230); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #1a1a40, RGB: (26, 26, 64)
Упрощенная версия цветов палитры
Оттенок lightgrey, Тень aquamarine, Тень royalblue, Тень linen, Оттенок salmon, Оттенок midnightblue
Цветовая схема создана автором colorslib
Коды цветов в палитре
Web Component Architecture UI коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ced0ce | #ced0ce | RGB(206, 208, 206) | Shadow DOM Grey | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Slot Mint | — |
| #407bff | #407bff | RGB(64, 123, 255) | HTML Tag Blue | — |
| #fff1e6 | #fff1e6 | RGB(255, 241, 230) | Style Isolate Beige | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Element Coral | — |
| #1a1a40 | #1a1a40 | RGB(26, 26, 64) | JS Logic Navy | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ced0ce | #a3f7bf | 1.22 |
#ced0ce | #fff1e6 | 1.4 |
#ced0ce | #ff6b6b | 1.78 |
#a3f7bf | #fff1e6 | 1.14 |
#407bff | #ff6b6b | 1.37 |
Изображение палитры Web Component Architecture UI png
Экспорт палитры
Скачайте "Web Component Architecture UI" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: