Mobile Super App Interface

Quick Access Mint
#b6fbc4
UI Panel Charcoal
#1f1f1f
Switch Sky Blue
#7edcff
Wallet Orange
#ffb46a
Scan Yellow Pop
#fff87a
Tabline Fog
#f1f1f1

Палітра містить світлий, темний кольори. Акцентні кольори Switch Sky Blue #7edcff та Scan Yellow Pop #fff87a. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

За світлістю палітра сягає від #1F1F1F (найтемніший) до #F1F1F1 (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #1F1F1F, #7EDCFF, #B6FBC4, #F1F1F1, #FFB46A, #FFF87A

Палітра Mobile Super App Interface містить комбінацію з 6 кодів кольорів :

HEX: #b6fbc4, RGB: (182, 251, 196); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #7edcff, RGB: (126, 220, 255)

HEX: #ffb46a, RGB: (255, 180, 106); HEX: #fff87a, RGB: (255, 248, 122); HEX: #f1f1f1, RGB: (241, 241, 241)

Спрощений варіант палітри кольорів

Відтінок palegreen, Відтінок Чорний, Відтінок skyblue, Відтінок sandybrown, Відтінок хакі, Відтінок whitesmoke

Кольорова схема створена автором coolor

Більше палітр з:

Коди кольорів у палітрі

Mobile Super App Interface коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#b6fbc4	#b6fbc4	RGB(182, 251, 196)	Quick Access Mint	—
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	UI Panel Charcoal	Gray12
#7edcff	#7edcff	RGB(126, 220, 255)	Switch Sky Blue	—
#ffb46a	#ffb46a	RGB(255, 180, 106)	Wallet Orange	—
#fff87a	#fff87a	RGB(255, 248, 122)	Scan Yellow Pop	—
#f1f1f1	#f1f1f1	RGB(241, 241, 241)	Tabline Fog	—

Контраст палітри кольорів

10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#b6fbc4	#7edcff	1.29
#b6fbc4	#ffb46a	1.46
#b6fbc4	#fff87a	1.07
#b6fbc4	#f1f1f1	1.05
#7edcff	#ffb46a	1.13
#7edcff	#fff87a	1.39

Зображення палітри Mobile Super App Interface png

--color-quick-access-mint:	#b6fbc4;
--color-ui-panel-charcoal:	#1f1f1f;
--color-switch-sky-blue:	#7edcff;
--color-wallet-orange:	#ffb46a;
--color-scan-yellow-pop:	#fff87a;
--color-tabline-fog:	#f1f1f1;

$color-quick-access-mint:	#b6fbc4;
$color-ui-panel-charcoal:	#1f1f1f;
$color-switch-sky-blue:	#7edcff;
$color-wallet-orange:	#ffb46a;
$color-scan-yellow-pop:	#fff87a;
$color-tabline-fog:	#f1f1f1;

@color-quick-access-mint:	#b6fbc4;
@color-ui-panel-charcoal:	#1f1f1f;
@color-switch-sky-blue:	#7edcff;
@color-wallet-orange:	#ffb46a;
@color-scan-yellow-pop:	#fff87a;
@color-tabline-fog:	#f1f1f1;