HSL을 HEX로 변환

HSL은 색상 체계를 만드는 가장 직관적인 방법이에요. 보라색이라면 262°처럼 색상을 고정하고 주로 명도를 바꿔 전체 단계를 만들어요. 배경은 95% 정도, 버튼과 강조색은 58%, 텍스트는 30%처럼요. 디자이너와 개발자는 이 방법으로 밝은 색, 어두운 색, 다크 테마를 만들어요.

하지만 완성된 단계는 보통 HEX 코드로 전달해야 해요. 스타일 가이드, 디자인 토큰, Figma 라이브러리, 브랜드북, 많은 콘텐츠 관리 시스템이 #RRGGBB 값을 요구하기 때문이에요. HSL 값을 입력하고 HEX 결과를 복사하세요. 예를 들어 hsl(262, 83%, 58%)는 #7C3BED가 돼요. 도구는 같은 색의 RGB, HSV, CMYK도 보여 줘요. HEX는 채널당 256단계만 저장할 수 있어서 HSL을 아주 조금 바꾸면 HEX 코드가 바뀌지 않을 때도 있어요.