#Color - Guide to Solve different kinds of Problems

Browse the beautiful apps built using Flutter

How to Use Custom Color as MaterialColor on ThemeData in Flutter

How to Use Custom Color as MaterialColor on ThemeData in Flutter

In this example, we are going to show you how to use custom colors on primarySwatch of ThemeData in Flutter App. Only Material Color can be used to ThemeData. You can’t use RGB, HEX, MaterialAccentColor in ThemeData.

How to Change Default Primary Theme Color in Flutter

How to Change Default Primary Theme Color in Flutter

In this example, we are going to show you how to change the default primary theme color of Flutter widget components to any other custom theme color at once by using ThemeData. The default color of the Flutter app is blue color.

How to Change AppBar Background Color in Flutter

How to Change AppBar Background Color in Flutter

In this example, we are going to show you how to set AppBar color in Flutter. You will learn different ways to set AppBar color such as by changing the default color of the App, directly changing the AppBar color. You will also learn to make it transparent.

How to Make Color Picker in Flutter

How to Make Color Picker in Flutter

In this article, we are going to show you how to make color pickers on the Flutter app. You will learn to make different kinds of color pickers such as drag and drop color picker, RGB color picker, HSV color picker, HSL color picker, block color picker along multiple-color picker.

How to add Gradient Color Text in Flutter

How to add Gradient Color Text in Flutter

In this example, we are going to show you how to add different gradient colors on Text in Flutter. Gradient color is a beautiful component to add to Flutter UI. See the example below.

How to Switch Dark/Light Theme and Primary Color in Flutter

How to Switch Dark/Light Theme and Primary Color in Flutter

Are you adding features to switch theme brightness and color on your app without much coding? Then have a look at the example below. In this example, we are going to show you the easiest way to switch the theme and primary color of your app.

How to Use Hexadecimal Color With Opacity in Flutter App

How to Use Hexadecimal Color With Opacity in Flutter App

In this example, we are going to show you the easiest way to use Hexadecimal colors along with opacity in Flutter apps. By default, Flutter has no provision of using plain hex color code. See the example.