Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: