
You don't need to generate the hexadecimal numbers yourself, though. If an alpha value is not included, it is assumed to be #FF = 100% opaque. When included, the alpha value is the first of 4 hexadecimal numbers (ARGB). Note that a color can also be defined including an alpha value #00-#FF, which represents the transparency (#00 = 0% = fully transparent, #FF = 100% = fully opaque). The higher the number, the more of that component there is. Choosing colors with enough color contrast is just one part of building more accessible apps.Ī Color can be represented as 3 hexadecimal numbers, #00-#FF (0-255), representing the red, green, and blue (RGB) components of that color. The first thing to know is not everyone sees color the same way, so it is important to choose colors for your app so users can effectively use your app. A bit about colorĬolor is all around us, both in the real world and the digital realm.

You can then customize it as little, or as much, as you like to make Material work for your app. Material Design comes with a built-in, baseline theme that can be used as-is. Material Theming allows you to adapt Material Design for your app, with guidance on customizing colors, typography, and shapes. It provides guidelines on how to build your app UI in a readable, attractive, and consistent manner. Material Design is inspired by the physical world and its textures, including how objects reflect light and cast shadows. A web browser and and internet connection to access the Material color tools.A computer with the latest stable version of Android Studio installed.Understand the importance of color contrast.Change the look of an app using a Theme.How to set colors as part of your app theme.How to select effective colors for your app according to Material Design principles.An Android device or emulator running API 28 (Android 9), or API 29 (Android 10) or higher.How to run an Android app on the emulator or a device in Android Studio.How to create an Android app from a template in Android Studio.If you're taking this as part of the Android Basics course, you can use the Tip Time app.

The codelab uses the Empty Activity app template, but you can use whatever Android app you're working on. The full Material system includes design guidelines on visual, motion, and interaction design for your app, but this codelab will focus on changing the color theme for your Android app.

Material is a design system created by Google to help developers build high-quality digital experiences for Android and other platforms.
