urltoapp.dev
Free tool · nothing leaves your browser

Status bar colour tester

Your theme colour paints the status bar. Pick one where the clock and battery icons stay readable — and matches the header of your site.

Why it matters

Android draws white or dark status-bar icons over your theme colour. Mid-tones like bright yellow or light green make the clock unreadable with white icons — choose the icon style the tool recommends, or adjust the shade. With Android 15's edge-to-edge layout, the bar often shows your page behind it, so a matching header colour helps too.

FAQ

What theme colour should my app use?

Your site's header or brand colour, adjusted so the status-bar icons have at least 3:1 contrast.

Related