Here, 43 represents red value, 143 represents green value, 161 represents blue value and 1.0 represents the color opacity. The method takes four arguments, the first one being red value, second green value, third blue value and the final value being color opacity(0 to 0.1).Įxample: omRGBO(43, 143, 161, 1.0) Figure: Demo use of RGB color values RGB Color Codesįlutter’s Color class has a fromRGBO() method which makes it possible to use RGB values. But how are we going to use those colors? Fortunately, Flutter also makes it possible to use colors using RGB values and hexadecimal values and that’s what this article is all about. You can check out the flutter color palette here.ĭespite the available colors from the framework, we often require colors that are outside of those available to us.

The intensity of each color depends on the shade integer value passed with the color. P.S If you do not already have Flutter development environment setup, Click for Flutter installation Guide.įlutter, being a UI framework, comes with its own color palette. In this guide, we’ll walk you through the usage of RGB and Hex Color codes in Flutter.

In short, colors play a vital role in determining the quality of mobile apps. Many brands also have their own color palette which helps them form their own brand identity. The use of right colors creates a visually appealing UI which has significant impact on grabbing the users’ attention. Colors are the primary element of an aesthetic UI.

Color converter hex rgb