Accessible Web3 Design System
- Smart Contract Navy#17202a
- Decentral Pink#ffc9e3
- Gas Fee Green#66d9a6
- Web Mesh White#fdfeff
- Node Blue#2980b9
- UX Flow Sand#f7e6c4
Створено 07/11/2025 16:36
Палітра містить темний, світлий кольори. Акцентні кольори Decentral Pink #ffc9e3 та Web Mesh White #fdfeff. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #17202A (найтемніший) до #FDFEFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 83% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #17202A, #2980B9, #66D9A6, #F7E6C4, #FDFEFF, #FFC9E3
Палітра Accessible Web3 Design System містить комбінацію з 6 кодів кольорів :
HEX: #17202a, RGB: (23, 32, 42); HEX: #ffc9e3, RGB: (255, 201, 227); HEX: #66d9a6, RGB: (102, 217, 166)
HEX: #fdfeff, RGB: (253, 254, 255); HEX: #2980b9, RGB: (41, 128, 185); HEX: #f7e6c4, RGB: (247, 230, 196)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Світлий відтінок Рожевий, Світлий відтінок Помірний аквамариновий, Темний відтінок Білий, Темний відтінок Сталевий синій, Темний відтінок Блідо-мигдалевий
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Accessible Web3 Design System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #17202a | #17202a | RGB(23, 32, 42) | Smart Contract Navy | — |
| #ffc9e3 | #ffc9e3 | RGB(255, 201, 227) | Decentral Pink | — |
| #66d9a6 | #66d9a6 | RGB(102, 217, 166) | Gas Fee Green | — |
| #fdfeff | #fdfeff | RGB(253, 254, 255) | Web Mesh White | — |
| #2980b9 | #2980b9 | RGB(41, 128, 185) | Node Blue | — |
| #f7e6c4 | #f7e6c4 | RGB(247, 230, 196) | UX Flow Sand | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffc9e3 | #66d9a6 | 1.22 |
#ffc9e3 | #fdfeff | 1.41 |
#ffc9e3 | #f7e6c4 | 1.16 |
#66d9a6 | #fdfeff | 1.72 |
#66d9a6 | #f7e6c4 | 1.41 |
#fdfeff | #f7e6c4 | 1.21 |
Палітра із зображення Accessible Web3 Design System png
Експортувати палітру
Завантажте "Accessible Web3 Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: