CSS - 색관련

지금 알게되어서 한 번 써봅니다.

html 관련 css에 대해서 입니다.

 

색상을 선택할 때 보통 선택하는 방법은 세가지입니다.

• background-color: #ffcccc;
• background-color: rgba(0,0,0,1);
• background-color: blue;

 

보통 이렇게 할 것입니다...?!?!

 

여기서 #ffcccc 와 rgba() 끼리 변환이 가능하더군요..

Red, Green ,Blue 값이 각각 16진수로 표현이 됩니다.

ff -> 255, cc -> 204 로 변환이 되기 때문에

#ffcccc <-> rgba(255, 204, 204, 1) 이렇게 표현이 되는군요

 

예시입니다.

빨간색 친 부분은 화면에 나타날 때 동일하게 나타납니다.

 

여기서 rgba의 a는 투명도를 뜻하고, 0~1 사이의 값을 갖습니다.

저 클래스들을 사용하게 되면 색깔은 동일하고 투명도의 차이가 있는 화면을 볼 수 있습니다. 

 

 

 

지금 알게 되어서 신기해서 적어봅니다...