Next-Gen Web3 UI UX Toolkit
- Crypto Teal#26a69a
- Contract Beige#fff8e1
- Gas Graphite#212121
- Mint Green#a5d6a7
- Scroll White#fafafa
- DAO Violet#b39ddb
Створено 07/25/2025 08:00
Палітра містить світлий, темний кольори. Акцентні кольори Crypto Teal #26a69a та Contract Beige #fff8e1. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #212121 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 2 яскравих із 6 кольорів.
Різноманітна палітра: відтінки розподілені приблизно на 215° колірного кола.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #212121, #26A69A, #A5D6A7, #B39DDB, #FAFAFA, #FFF8E1
Палітра Next-Gen Web3 UI UX Toolkit містить комбінацію з 6 кодів кольорів :
HEX: #26a69a, RGB: (38, 166, 154); HEX: #fff8e1, RGB: (255, 248, 225); HEX: #212121, RGB: (33, 33, 33)
HEX: #a5d6a7, RGB: (165, 214, 167); HEX: #fafafa, RGB: (250, 250, 250); HEX: #b39ddb, RGB: (179, 157, 219)
Спрощений варіант палітри кольорів
Темний відтінок Світлий морський зелений, Світлий відтінок Кукурудзяний шовк, Світлий відтінок Чорний, Світлий відтінок Темний морський зелений, Світлий відтінок Димчасто-білий, Темний відтінок Сливовий
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Next-Gen Web3 UI UX Toolkit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #26a69a | #26a69a | RGB(38, 166, 154) | Crypto Teal | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Contract Beige | Still Morning |
| #212121 | #212121 | RGB(33, 33, 33) | Gas Graphite | Lead |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Mint Green | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Scroll White | Dr. White |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | DAO Violet | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#26a69a | #a5d6a7 | 1.82 |
#26a69a | #b39ddb | 1.25 |
#fff8e1 | #a5d6a7 | 1.54 |
#fff8e1 | #fafafa | 1.01 |
#a5d6a7 | #fafafa | 1.57 |
#a5d6a7 | #b39ddb | 1.45 |
Палітра із зображення Next-Gen Web3 UI UX Toolkit png
Експортувати палітру
Завантажте "Next-Gen Web3 UI UX Toolkit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: