[Flutter] 05. 색상

색상과 관련된 내용을 모아보았음.

1. Colors 클래스

Colors.색상명

으로 간편하게 색을 지정할 수 있음.

공식 문서 : https://api.flutter.dev/flutter/material/Colors-class.html

Colors class - material library - Dart API

2. Color 클래스

Color(int형 헥사코드)

를 사용해서 사용자가 원하는 색상으로 지정할 수도 있음.

헥사코드는 0xOORRGGBB 로 구성됨. 앞의 두 자리는 불투명도임.

Color.fromRGBO(), Color.fromARGB() 도 사용가능함.

공식 문서 : https://api.flutter.dev/flutter/dart-ui/Color-class.html

Color class - dart:ui library - Dart API

3. withOpacity, withAlpha

Color 객체 뒤에 붙여 투명도를 조절하는 메소드.

매개변수로 들어가는 숫자가 0에 가까울수록 투명해지고 1로 가까워질수록 불투명함.

공식 문서 : https://api.flutter.dev/flutter/dart-ui/Color/withOpacity.html

withOpacity method - Color class - dart:ui library - Dart API

참고로, Opacity는 투명도를 설정했을 때 설정한 요소의 모든 자식 요소까지 전부 같은 투명도로 설정하고, Alpha은 투명도를 설정한 요소에만 투명도를 설정하는 차이가 있음.

4. ColorPicker

앱 사용자가 팔레트에서 색상을 고르는 기능을 만들때 필요한 패키지.

 

공식 문서 : https://pub.dev/packages/flutter_colorpicker

flutter_colorpicker | Flutter package