バッテラが如く

いつもお世話になっております。

【Flutter】Colorの指定方法3選 (ARGB カラーコード プリセット)

この記事の情報は次のバージョンで動作確認しています。

  • MacOS Monterey (12.1)
  • Flutter (v2.10.4)
  • VSCode (v1.67.2)
  • Flutter

    はじめに

    Colorは色の情報を持つクラスです。

    調べていくといろんな指定方法があったのでそれを共有したいと思います。

    プリセットで指定する

    Colors.red
    

    Colors.と打つと候補がたくさん出てくるので好きなのを選ぶ。

    ARGBで指定する

    各値は0〜255の範囲で入力します。

    Color.fromARGB(A, R, G, B);
    

    カラーコードで指定する

    ARGBの順で2bitで割り当てされています。

    // 赤
    Color(0xffff0000);
    
    // 緑
    Color(0xff00ff00);
    

    大文字でも大丈夫でした。

    // 白
    Color(0xFFFFFFFF);