Створено 07/11/2025 12:43
Web3 Immersive Layout Builder
- Wallet Base Black#141414
- Gas Fee Yellow#ffdd57
- Interaction Blue#3d5a80
- Smart Contract Cream#fff9ec
- Balance Shade Grey#bebebe
- Element Label White#fdfdfd
Палітра містить темний, світлий, напівтемний кольори. Акцентні кольори Interaction Blue #3d5a80 та Smart Contract Cream #fff9ec. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #141414, #3D5A80, #BEBEBE, #FDFDFD, #FFDD57, #FFF9EC
Палітра Web3 Immersive Layout Builder містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #ffdd57, RGB: (255, 221, 87); HEX: #3d5a80, RGB: (61, 90, 128)
HEX: #fff9ec, RGB: (255, 249, 236); HEX: #bebebe, RGB: (190, 190, 190); HEX: #fdfdfd, RGB: (253, 253, 253)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок gold, Відтінок darkslateblue, Відтінок oldlace, Відтінок Срібний, Відтінок Білий
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Web3 Immersive Layout Builder коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #141414 | #141414 | RGB(20, 20, 20) | Wallet Base Black | Sooty |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Gas Fee Yellow | — |
| #3d5a80 | #3d5a80 | RGB(61, 90, 128) | Interaction Blue | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Smart Contract Cream | Day Lily |
| #bebebe | #bebebe | RGB(190, 190, 190) | Balance Shade Grey | Tin Soldier |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Element Label White | Brilliance |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffdd57 | #fff9ec | 1.27 |
#ffdd57 | #bebebe | 1.39 |
#ffdd57 | #fdfdfd | 1.31 |
#fff9ec | #bebebe | 1.77 |
#fff9ec | #fdfdfd | 1.03 |
#bebebe | #fdfdfd | 1.82 |
Зображення палітри Web3 Immersive Layout Builder png
Експортувати палітру
Завантажте "Web3 Immersive Layout Builder" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: