Создано 08/23/2025 12:06
Accessible React Native UX Portal
- Surface White#f9f9f9
- Code Indigo#3949ab
- Accent Rose#f48fb1
- Adaptive Aqua#26c6da
- Highlight Orange#ff9800
- Shadow Black#0f0f0f
Палитра содержит светлый, темный цвета. Акцентные цвета Adaptive Aqua #26c6da да Highlight Orange #ff9800. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #0F0F0F (самый тёмный) до #F9F9F9 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #0F0F0F, #26C6DA, #3949AB, #F48FB1, #F9F9F9, #FF9800
Палитра Accessible React Native UX Portal содержит комбинацию из 6 кодов цветов:
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #3949ab, RGB: (57, 73, 171); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #26c6da, RGB: (38, 198, 218); HEX: #ff9800, RGB: (255, 152, 0); HEX: #0f0f0f, RGB: (15, 15, 15)
Упрощенная версия цветов палитры
Тень whitesmoke, Тень darkslateblue, Тень palevioletred, Тень darkturquoise, Тень darkorange, Тень Черный
Цветовая схема создана автором hex
Коды цветов в палитре
Accessible React Native UX Portal коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Surface White | Doctor |
| #3949ab | #3949ab | RGB(57, 73, 171) | Code Indigo | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Accent Rose | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | Adaptive Aqua | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Highlight Orange | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Shadow Black | Chaos Black |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f9f9f9 | #26c6da | 1.96 |
#f48fb1 | #26c6da | 1.08 |
#f48fb1 | #ff9800 | 1.03 |
#26c6da | #ff9800 | 1.04 |
Изображение палитры Accessible React Native UX Portal png
Экспорт палитры
Скачайте "Accessible React Native UX Portal" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: