hexcolorconvert 0.0.1 copy "hexcolorconvert: ^0.0.1" to clipboard
hexcolorconvert: ^0.0.1 copied to clipboard

hex color convert from string to color widget

hex_to_color #

A Flutter package for converting hex color strings to Flutter Color objects and vice versa.

Features #

  • Convert hex color strings to Flutter Color objects
  • Convert Flutter Color objects to hex color strings
  • Support for 6-digit (RRGGBB) and 8-digit (AARRGGBB) hex color codes
  • Support for hex strings with or without the '#' prefix
  • Convenient String extension method for easy conversion

Installation #

Add this to your package's pubspec.yaml file:

dependencies:
  hex_to_color: ^0.1.0

Then run:

flutter pub get

Usage #

Import the package #

import 'package:hex_to_color/hex_to_color.dart';

Convert hex string to Color #

There are three ways to convert a hex color string to a Flutter Color:

1. Using HexColor constructor

// With '#' prefix
final color1 = HexColor('#FF5733');

// Without '#' prefix
final color2 = HexColor('33FF57');

2. Using static fromHex method

final color = HexColor.fromHex('#FF5733');

3. Using String extension

final color = '#FF5733'.toColor();

With alpha channel #

You can specify an alpha value using 8-digit hex codes:

// 80 = 50% opacity
final colorWithAlpha = HexColor('80FF5733');

Convert Color to hex string #

You can convert a Color object back to a hex string:

final color = HexColor('#FF5733');

// With alpha and # prefix (default)
String hexWithAlpha = color.toHex(); // #FFFF5733

// Without alpha
String hexWithoutAlpha = color.toHex(withAlpha: false); // #FF5733

// Without # prefix
String hexWithoutHashSign = color.toHex(includeHashSign: false); // FFFF5733

Example #

import 'package:flutter/material.dart';
import 'package:hex_to_color/hex_to_color.dart';

void main() {
  runApp(
    MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hex To Color Example'),
          backgroundColor: '#FF5733'.toColor(),
        ),
        body: Center(
          child: Container(
            width: 200,
            height: 200,
            color: HexColor('#33FF57'),
            child: Center(
              child: Text(
                'Hex Color',
                style: TextStyle(
                  color: HexColor('#3357FF'),
                  fontSize: 24,
                ),
              ),
            ),
          ),
        ),
      ),
    ),
  );
}

License #

This project is licensed under the MIT License - see the LICENSE file for details.

0
likes
130
points
23
downloads

Publisher

unverified uploader

Weekly Downloads

hex color convert from string to color widget

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on hexcolorconvert