Створено 07/07/2025 17:04
Responsive React Native Theme
Touch Teal
#00f0b5
Status Grey
#a8a8a8
Mobile Cream
#fffbea
Navigation Blue
#1d4ed8
Shadow Black
#111827
Frame Pink
#ffd6ec
View State Indigo
#6366f1
Палітра містить світлий, темний кольори. Акцентні кольори Mobile Cream #fffbea та View State Indigo #6366f1. Палітра має температуру кольорів Холодний, Нейтральний.
Палітра Responsive React Native Theme містить комбінацію з 7 кодів кольорів :
HEX: #00f0b5, RGB: (0, 240, 181); HEX: #a8a8a8, RGB: (168, 168, 168); HEX: #fffbea, RGB: (255, 251, 234)
HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #111827, RGB: (17, 24, 39); HEX: #ffd6ec, RGB: (255, 214, 236)
HEX: #6366f1, RGB: (99, 102, 241)
Спрощений варіант палітри кольорів
Відтінок aquamarine, Відтінок darkgrey, Відтінок ivory, Відтінок slateblue, Відтінок Чорний, Відтінок Рожевий, Відтінок mediumslateblue
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Responsive React Native Theme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #00f0b5 | #00f0b5 | RGB(0, 240, 181) | Touch Teal | — |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Status Grey | Uniform Grey |
| #fffbea | #fffbea | RGB(255, 251, 234) | Mobile Cream | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | Navigation Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Shadow Black | — |
| #ffd6ec | #ffd6ec | RGB(255, 214, 236) | Frame Pink | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | View State Indigo | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#00f0b5 | #a8a8a8 | 1.6 |
#00f0b5 | #fffbea | 1.43 |
#00f0b5 | #ffd6ec | 1.13 |
#a8a8a8 | #ffd6ec | 1.82 |
#a8a8a8 | #6366f1 | 1.87 |
#fffbea | #ffd6ec | 1.25 |
