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