Створено 06/20/2025 17:05
Advanced React UI Canvas
- State Sky#82cffd
- Prop Peach#ffd8be
- Effect Plum#a781d9
- Context Graphite#2c2f36
- Render White#ffffff
- Hook Green#55d6be
Палітра містить світлий, темний кольори. Акцентні кольори State Sky #82cffd та Prop Peach #ffd8be. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #2C2F36 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2C2F36, #55D6BE, #82CFFD, #A781D9, #FFD8BE, #FFFFFF
Палітра Advanced React UI Canvas містить комбінацію з 6 кодів кольорів :
HEX: #82cffd, RGB: (130, 207, 253); HEX: #ffd8be, RGB: (255, 216, 190); HEX: #a781d9, RGB: (167, 129, 217)
HEX: #2c2f36, RGB: (44, 47, 54); HEX: #ffffff, RGB: (255, 255, 255); HEX: #55d6be, RGB: (85, 214, 190)
Спрощений варіант палітри кольорів
Відтінок lightskyblue, Відтінок peachpuff, Відтінок mediumpurple, Відтінок Чорний, Білий, Відтінок turquoise
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Advanced React UI Canvas коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #82cffd | #82cffd | RGB(130, 207, 253) | State Sky | — |
| #ffd8be | #ffd8be | RGB(255, 216, 190) | Prop Peach | — |
| #a781d9 | #a781d9 | RGB(167, 129, 217) | Effect Plum | — |
| #2c2f36 | #2c2f36 | RGB(44, 47, 54) | Context Graphite | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Render White | White |
| #55d6be | #55d6be | RGB(85, 214, 190) | Hook Green | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#82cffd | #ffd8be | 1.28 |
#82cffd | #a781d9 | 1.81 |
#82cffd | #ffffff | 1.7 |
#82cffd | #55d6be | 1.04 |
#ffd8be | #ffffff | 1.32 |
#ffd8be | #55d6be | 1.34 |
Зображення палітри Advanced React UI Canvas png
Експортувати палітру
Завантажте "Advanced React UI Canvas" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: