·1분 읽기
HEX vs RGB vs HSL 차이
색상 표기법 차이와 디자이너 선택 기준이에요.
🎨
색상 변환기 바로 사용하기
HEX, RGB, HSL 색상 코드를 실시간 변환
→
3가지 표기법
HEX: #FF5733 (웹 표준). RGB: rgb(255,87,51) (빛의 3원색). HSL: hsl(9,100%,60%) (색상·채도·명도). 같은 색도 표기법이 달라요.
언제 어떤 걸
HEX: 정적 CSS. RGB: 투명도 필요 시(rgba). HSL: 색상 조정에 유리해 디자인 시스템에 적합.
디자인 시스템
Tailwind CSS는 HSL 기반으로 100~900 스케일을 만들어 일관된 팔레트를 유지해요.