Створено 07/16/2025 11:51
React Native Mobile UI Prototyping Colors
- Touchable Purple#8e44ad
- Safe Area Cream#fdf6e3
- Async Navy#1b1b3a
- Layout Orange#f39c12
- Button Sky#48cae4
- TextField Silver#c0c0c0
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Layout Orange #f39c12 та Button Sky #48cae4. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1B1B3A (найтемніший) до #FDF6E3 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1B1B3A, #48CAE4, #8E44AD, #C0C0C0, #F39C12, #FDF6E3
Палітра React Native Mobile UI Prototyping Colors містить комбінацію з 6 кодів кольорів :
HEX: #8e44ad, RGB: (142, 68, 173); HEX: #fdf6e3, RGB: (253, 246, 227); HEX: #1b1b3a, RGB: (27, 27, 58)
HEX: #f39c12, RGB: (243, 156, 18); HEX: #48cae4, RGB: (72, 202, 228); HEX: #c0c0c0, RGB: (192, 192, 192)
Спрощений варіант палітри кольорів
Відтінок darkorchid, Відтінок oldlace, Відтінок midnightblue, Відтінок Помаранчевий, Відтінок skyblue, Срібний
Кольорова схема створена автором hex
Більше палітр з:
Коди кольорів у палітрі
React Native Mobile UI Prototyping Colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #8e44ad | #8e44ad | RGB(142, 68, 173) | Touchable Purple | — |
| #fdf6e3 | #fdf6e3 | RGB(253, 246, 227) | Safe Area Cream | — |
| #1b1b3a | #1b1b3a | RGB(27, 27, 58) | Async Navy | — |
| #f39c12 | #f39c12 | RGB(243, 156, 18) | Layout Orange | — |
| #48cae4 | #48cae4 | RGB(72, 202, 228) | Button Sky | — |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | TextField Silver | Silver |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fdf6e3 | #48cae4 | 1.79 |
#fdf6e3 | #c0c0c0 | 1.68 |
#f39c12 | #48cae4 | 1.13 |
#f39c12 | #c0c0c0 | 1.2 |
#48cae4 | #c0c0c0 | 1.06 |
Зображення палітри React Native Mobile UI Prototyping Colors png
Експортувати палітру
Завантажте "React Native Mobile UI Prototyping Colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: