css rgba 색상

css rgba는 red, green, blue 이렇게 3가지 색상 조합과 마지막 alpha 값으로 색상을 나타내는 css 표기법입니다.

불투명도를 나타내는 alpha는 0~1까지 사용가능하며 1은 완전 불투명 0은 완전 투명을 나타냅니다.

각 색상 값은 색상이 하나도 안섞이면 0 가득 섞이면 255가 됩니다.

 

반투명 빨강으로 색을 지정하고 싶다면 아래와 같이 지정할 수 있다.

background: rgba(255,0,0,0.5);

 

불투명 초록색을 만들려면 두번째만 255를 지정 나머지 색상은 9을 지정하고 불투명을 위해 alpha 값을 1로 지정하면 된다.

background: rgba(0,255,0,1);

 

조합을 해서 색을 만들 수 있다 예를 들면 위에 빨강과 녹색을 가득 섞으면 노랑이 나온다.

background: rgba(255,255,0,1);

 

이런 색상 조합을 쉽게 할 수 있도록 도와 주는 사이트가 있는데

hexcolortool이라는 사이트이다.

https://www.hexcolortool.com/

HTML Color Codes - What's your color

 

 

슬라이드 바를 조절해서 간편하게 원하는 색상을 찾고 컬러코드를 저장하고 사용할 수 있다.