본문 바로가기
컴퓨터 관련

색상 코드 hsla HLSA

by 젤리아드 2022. 7. 15.
반응형

 

HSLA : Hue, Saturation, Lightness, Alpha
색조, 채도, 명도, 투명도

(RGB 대체용 색상 코드)

 

Saturation 채도 : 색의 강도 또는 순도를 나타냅니다.

- 100%로 갈수록 증가(색깔이 점차 풍부해집니다)

- 0%로 갈수록 감소(점차 회색으로 변합니다)

 

Lightness 명도 : 색이 얼마나 밝은지 또는 어두운지. 중간 정도인 50%는 일반적인 밝기

- 100%로 갈수록 색을 더 연하고 흰색에 가깝게 만듭니다.

- 0%로 갈수록 색상이 더 진하고 검은색에 가깝게 만듭니다.

 

Alpha 투명도 :

0.0 ~ 1.0
0.0 : 완전 투명
0.5 : 반투명
1.0 : 불투명

 

hsla 색상 명암비 계산기 ↓

https://contrast-ratio.com/#hsla%28200%2C0%25%2C0%25%2C.7%29-on-white

 

Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!

How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different c

contrast-ratio.com

 

반응형

댓글