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