React Native Mobile Canvas
- Touch Indigo#5c6bc0
- Scroll White#ffffff
- Gesture Lime#dce775
- Avatar Coral#ff8a65
- Modal Overlay#212121
- Input Sky#81d4fa
- Shadow Grey#bdbdbd
Создано 07/04/2025 09:40
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Avatar Coral #ff8a65 и Input Sky #81d4fa. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #212121 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 7 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (2 тёплых, 2 холодных).
HEX-коды (по возрастанию): #212121, #5C6BC0, #81D4FA, #BDBDBD, #DCE775, #FF8A65, #FFFFFF
Палитра React Native Mobile Canvas содержит комбинацию из 7 кодов цветов:
HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #ffffff, RGB: (255, 255, 255); HEX: #dce775, RGB: (220, 231, 117)
HEX: #ff8a65, RGB: (255, 138, 101); HEX: #212121, RGB: (33, 33, 33); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #bdbdbd, RGB: (189, 189, 189)
Упрощенная версия цветов палитры
Светлый оттенок Королевский синий, Белый, Тёмный оттенок Хаки, Светлый оттенок Коралловый, Светлый оттенок Черный, Светлый оттенок Небесно-голубой, Тёмный оттенок Серебряный
Цветовая схема создана автором hex
Коды цветов в палитре
React Native Mobile Canvas коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | Touch Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Scroll White | White |
| #dce775 | #dce775 | RGB(220, 231, 117) | Gesture Lime | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Avatar Coral | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Overlay | Lead |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Input Sky | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Shadow Grey | Gray74 |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ffffff | #dce775 | 1.33 |
#ffffff | #81d4fa | 1.64 |
#ffffff | #bdbdbd | 1.87 |
#dce775 | #ff8a65 | 1.73 |
#dce775 | #81d4fa | 1.23 |
#dce775 | #bdbdbd | 1.4 |
Палитра из изображения React Native Mobile Canvas png
Экспорт палитры
Скачайте "React Native Mobile Canvas" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: