Створено 07/04/2025 09:40
Web Components Atomic Kit
- Atom Teal#4db6ac
- Module Violet#9575cd
- Shadow DOM Grey#cfd8dc
- Slot Orange#ffb74d
- Element White#ffffff
- Event Black#212121
- Refactor Aqua#80deea
Палітра містить світлий, темний кольори. Акцентні кольори Slot Orange #ffb74d та Refactor Aqua #80deea. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #212121 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #212121, #4DB6AC, #80DEEA, #9575CD, #CFD8DC, #FFB74D, #FFFFFF
Палітра Web Components Atomic Kit містить комбінацію з 7 кодів кольорів :
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #9575cd, RGB: (149, 117, 205); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #ffffff, RGB: (255, 255, 255); HEX: #212121, RGB: (33, 33, 33)
HEX: #80deea, RGB: (128, 222, 234)
Спрощений варіант палітри кольорів
Відтінок lightseagreen, Відтінок mediumpurple, Відтінок lightgrey, Відтінок Помаранчевий, Білий, Відтінок Чорний, Відтінок powderblue
Кольорова схема створена автором colorstudio
Більше палітр з:
Коди кольорів у палітрі
Web Components Atomic Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Atom Teal | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | Module Violet | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Shadow DOM Grey | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Slot Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Element White | White |
| #212121 | #212121 | RGB(33, 33, 33) | Event Black | Lead |
| #80deea | #80deea | RGB(128, 222, 234) | Refactor Aqua | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4db6ac | #9575cd | 1.5 |
#4db6ac | #cfd8dc | 1.68 |
#4db6ac | #ffb74d | 1.41 |
#4db6ac | #80deea | 1.57 |
#cfd8dc | #ffb74d | 1.19 |
#cfd8dc | #ffffff | 1.44 |
Зображення палітри Web Components Atomic Kit png
Експортувати палітру
Завантажте "Web Components Atomic Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: