[html] 색을 나타내는 방법 (RGB, HEX, HSL)

1. RGB, RGBA

 

1) rgb(red, green, blue)

- 각각의 인수는 색상의 강도를 0~255 사이로 정의

  ex) rgb(255, 0, 0)은 red가 최대강도인 255이고 나머지 색 강도는 0이므로 빨강

- 검정색은 rgb(0, 0, 0), 흰색은 (255, 255, 255)

 

2) rgba(red, green, blue, alpha)

- rgb에 투명도 나타내는 알파채널을 추가한 색상값 체계

- alpha는 0.0부터 1.0사이에서 지정하며 0은 완전 투명, 1은 완전 불투명

 

 

 

2 HEX (16진수)

 

- rr(red), gg(green), bb(blue) 각각의 값들이 00~ff 사이의 16진수 값을 가짐

  ex) #ff0000은 rr이 최고수치(ff), 나머지는 최저수치(00)이므로 빨강

 

 

 

3 HSL, HSLA

 

1) HSL

- 색(hue), 채도(saturation), 명도(lightness)

- 색은 색상환에서 정도를 나타내며 0~360까지 숫자 중에 0은 빨강, 120은 초록, 240은 파랑

- 채도는 색의 선명도를 퍼센트로 나타냄. 100%가 제일 선명

- 명도는 색의 밝기를 퍼센트로 나타냄. 0%는 검정, 100%는 흰색

  ex) hsl(0, 100%, 50%)는 빨강, hsl(240, 100%, 50%)는 파랑

 

2) HSLA

- HSL에 투명도 나타내는 alpha 채널 추가한 색상 체계

- alpha 사용법은 rgba와 동일

 

 

 

 

 

참고

https://www.w3schools.com/html/html_colors.asp

HTML Colors