Створено 07/20/2025 20:26
Android Weather Forecast UI Kit
- Sun Yellow#ffeb3b
- Rain Blue#2196f3
- Snow White#fdfdfd
- Cloud Gray#b0bec5
- Storm Purple#9575cd
- Temp Orange#ff8a65
Палітра містить світлий кольори. Акцентні кольори Sun Yellow #ffeb3b та Rain Blue #2196f3. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #2196F3 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2196F3, #9575CD, #B0BEC5, #FDFDFD, #FF8A65, #FFEB3B
Палітра Android Weather Forecast UI Kit містить комбінацію з 6 кодів кольорів :
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #2196f3, RGB: (33, 150, 243); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #9575cd, RGB: (149, 117, 205); HEX: #ff8a65, RGB: (255, 138, 101)
Спрощений варіант палітри кольорів
Відтінок Жовтий, Відтінок dodgerblue, Відтінок Білий, Відтінок Срібний, Відтінок mediumpurple, Відтінок coral
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Android Weather Forecast UI Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Sun Yellow | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Rain Blue | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Snow White | Brilliance |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Cloud Gray | Ocean Drive |
| #9575cd | #9575cd | RGB(149, 117, 205) | Storm Purple | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Temp Orange | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffeb3b | #fdfdfd | 1.2 |
#ffeb3b | #b0bec5 | 1.56 |
#ffeb3b | #ff8a65 | 1.89 |
#2196f3 | #b0bec5 | 1.63 |
#2196f3 | #9575cd | 1.17 |
#2196f3 | #ff8a65 | 1.35 |
Зображення палітри Android Weather Forecast UI Kit png
Експортувати палітру
Завантажте "Android Weather Forecast UI Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: