[Flutter/Dart] Hex값을 Color로 바꾸는 Extension Class

Color Util 만들다가 피그마에서 바로 Color값 복붙해서 사용하는데

계속 16진수로 바꿔 사용하기 번거로워 HexColor Extension 클래스를 만들어버렸습니다. :)

 

📌  이번 글은

Dart에서 Hex값으로 색상 설정 HexColor Extension Class 정의 입니다.

 

 

Flutter에서 Hex값으로 색상을 설정하는 방법

Color mainColor = const Color(0xffff6B6B);

 

HexColor Extension 클래스

import 'package:flutter/material.dart';

extension HexColor on Color {
  static Color fromHex(String hexString) {
    Color color;
    try {
      String colorString = hexString;
      colorString = colorString.toUpperCase().replaceAll("#", "");
      if (colorString.length == 6) {
        colorString = "FF" + colorString;
      }
      color = Color(int.parse(colorString, radix: 16));
    } on Exception {
      color = Colors.white;
    }
    return color;
  }
}

👩🏻‍💻 사용

Color mainColor = HexColor.fromHex("FF6B6B");