Створено 07/11/2025 10:12
Ambient Glow UI Elements
- Lumen Teal#38bdf8
- Soft Shine Coral#ff9f9f
- Ambient Fog White#faf9f6
- Highlight Fade Pink#ffb5c2
- Muted Edge Slate#707070
- Interactive Light Yellow#f7e733
Палітра містить світлий кольори. Акцентні кольори Lumen Teal #38bdf8 та Highlight Fade Pink #ffb5c2. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #707070 (найтемніший) до #FAF9F6 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого (3 із 6).
HEX-коди (відсортовано): #38BDF8, #707070, #F7E733, #FAF9F6, #FF9F9F, #FFB5C2
Палітра Ambient Glow UI Elements містить комбінацію з 6 кодів кольорів :
HEX: #38bdf8, RGB: (56, 189, 248); HEX: #ff9f9f, RGB: (255, 159, 159); HEX: #faf9f6, RGB: (250, 249, 246)
HEX: #ffb5c2, RGB: (255, 181, 194); HEX: #707070, RGB: (112, 112, 112); HEX: #f7e733, RGB: (247, 231, 51)
Спрощений варіант палітри кольорів
Відтінок deepskyblue, Відтінок lightcoral, Відтінок whitesmoke, Відтінок lightpink, Відтінок dimgrey, Відтінок gold
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Ambient Glow UI Elements коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Lumen Teal | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Soft Shine Coral | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Ambient Fog White | — |
| #ffb5c2 | #ffb5c2 | RGB(255, 181, 194) | Highlight Fade Pink | — |
| #707070 | #707070 | RGB(112, 112, 112) | Muted Edge Slate | Gray44 |
| #f7e733 | #f7e733 | RGB(247, 231, 51) | Interactive Light Yellow | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#38bdf8 | #ff9f9f | 1.09 |
#38bdf8 | #ffb5c2 | 1.28 |
#38bdf8 | #f7e733 | 1.67 |
#ff9f9f | #faf9f6 | 1.86 |
#ff9f9f | #ffb5c2 | 1.18 |
#ff9f9f | #f7e733 | 1.53 |
Зображення палітри Ambient Glow UI Elements png
Експортувати палітру
Завантажте "Ambient Glow UI Elements" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: