[CSS] Color 속성 ( Names, RGB, HEX, HSL)

CSS에서 색상이 들어가는 속성에 값을 지정해 줄때 주로 사용하는 3가지 방식이 있다.

• Name Value
• RGB Value
• HEX Value

1) Name Value

색상의 이름을 적어주는 방식

예시)

h1{
    color : red;
}

 

2) RGB Value

0~255 사이의 R(Red), G(Green), B(Blue)의 값을 각각 지정하여 색상을 정하는 방식

예시)

h1{
    color : rgb(255,0,0);
}

+

 

rgb(255,255,255)는 흰색

rgb(0,0,0)은 검은색

 

3) HEX Value

00 ~ ff 사이의 16진수 표현을 사용하여 색상을 정하는 방식( 앞의 두자리는 R, 가운데 두자리는 G, 끝 두자리는 B의 역할을 한다.)

예시)

h1{
    color : #ff0000;
}

참고 - "Learn CSS" W3School (https://www.w3schools.com)