[Flutter]여러 방법의 Color 사용방법

Hans Park·2022년 1월 3일
0

Flutter

목록 보기
4/14
post-thumbnail
post-custom-banner

팔레트는 화가가 그림을 그릴 때 페인트를 정리하고 섞어서 필요한 빛깔을 만들어내는 도구이다.
< WIKI >



// Flutter 기본 색상 지정 방법
const Colors.red
const Colors.transparent
const Colors.blue

// Hex값 적용방법
// "0xAARRGGBB"
//if rgb(hex) => ff5439
const Color(0xffff5439)

//ARGB 적용방법
const Color.fromARGB(255, 0, 255, 0);

//RGB값에 opacity 적용하기
//opacity) 0 ~ 1, 1 초과시 원하는 결과가 나오지 않음
const Color.fromRGBO(255, 255, 0, 0.5)

클래스 정의로 가면 인자를 어떻게 처리하는지 나와있다.

~
~
~
  const Color.fromRGBO(int r, int g, int b, double opacity) :
    value = ((((opacity * 0xff ~/ 1) & 0xff) << 24) |
              ((r                    & 0xff) << 16) |
              ((g                    & 0xff) << 8)  |
              ((b                    & 0xff) << 0)) & 0xFFFFFFFF;
~
~
~

라이브러리나 내장클래스 정의부분을 뜯어보고 내맘대로 수정하는 작업을 해보아도 참 재밌을 것 같다.

https://api.flutter.dev/flutter/dart-ui/Color-class.html

profile
장안동 개발새발
post-custom-banner

0개의 댓글