HSL에서 RGBA로

HSL과 RGBA 비교

HSL, HLS 또는 HSI (영어의 색조, 채도, 밝기 (강도)에서)는 색상 좌표가 색조, 채도 및 밝기 인 색상 모델입니다. HSV와 HSL은 두 가지 색상 모델 (밝기와 밝기가 다름)이라는 점에 유의해야합니다. HSL 색상 모델을 사용하면 원통형 색상 좌표계의 투영에서 기본 RGB 모델을 해석 할 수 있습니다. 컬러리스트는 HSL을 사용하면 일반적인 RGB 모델보다 사람이 읽을 수있는 방식으로 색상을 지정할 수 있다고 믿습니다. 약어 HSL은 색조 (색상 / 색조), 채도 (채도), 밝기 / 휘도 (휘도, 밝기와 혼동하지 말 것)로 해석됩니다. 첫 번째 요소 (색조)는 색상환 내의 색상 좌표를 나타냅니다 (0 ~ 360도). 두 번째 계수 (Saturation)는 채도 값을 백분율 (0 %에서 100 %까지)로 전달합니다. 마지막 요소 (밝기)는 밝기 비율을 나타냅니다 (0 %에서 100 %까지).

RGBA는 Red Green Blue Alpha를 나타냅니다. 색 공간이라고도하지만 실제로는 네 번째 알파 채널이 추가 된 3 채널 RGB 색상 모델입니다. 알파는 각 픽셀의 불투명도를 지정하고 알파 블렌딩, 투명 영역 및 불투명 영역의 가장자리 매끄럽게하기를 사용하여 이미지를 다른 이미지와 결합 할 수 있습니다. RGBA 형식은 구문이 RGB와 비슷하지만 요소의 투명도를 제어하는 알파 채널을 포함합니다. 값 0은 전체 투명도에 해당하고 1은 불투명도에 해당하며 0.5와 같은 중간 값은 반투명에 해당합니다. RGBA는 CSS3에 추가되었으므로이 버전을 사용하여 CSS 코드 유효성 검사를 수행해야합니다. CSS3 표준은 아직 개발 중이며 일부 기능이 변경 될 수 있습니다. 예를 들어 background-color 속성에 추가 된 RGB 색상의 유효성이 검사되지만 background 속성에 추가 된 색상은 더 이상 없습니다. 동시에 브라우저는 두 속성의 색상을 정확하게 이해합니다.