How do I use hexadecimal color strings in Flutter?

In Flutter, you can use hexadecimal color strings to specify the color of various widgets. To use a hexadecimal color string, you can create a new Color object using the Color constructor and pass the hexadecimal value as an argument.

Here’s an example of how to use a hexadecimal color string in Flutter:

import 'package:flutter/material.dart';

void main() {

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hexadecimal Color Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hexadecimal Color Demo'),
        body: Center(
          child: Container(
            width: 200,
            height: 200,
            color: Color(0xFF00FF00), // hexadecimal color string

In this example, we create a new Color object and pass the hexadecimal value 0xFF00FF00 as an argument. The first two digits (0xFF) specify the alpha value (transparency) of the color, and the remaining six digits (00FF00) specify the red, green, and blue values.

You can also use shorthand notation for hexadecimal color strings. For example, 0xFF00FF00 can be represented as 0xFF0F0 in shorthand notation. To use shorthand notation, you must repeat each digit in the shorthand notation to fill in the missing digits. In this example, 0xF is repeated three times to represent 0xFF, and 0 is repeated three times to represent 0x00.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More