색상 변환이란?
웹·디자인 작업에서는 같은 색을 HEX, RGB, HSL 등 여러 방식으로 표기합니다. Figma는 HEX를, CSS는 RGB나 HSL을 선호하고, 각 도구마다 입출력 형식이 다릅니다. 도구나 디자인 시안마다 요구하는 형식이 달라, 한 형식의 색을 다른 형식으로 바꿔야 할 때가 많습니다. 이 도구는 세 형식을 실시간으로 상호 변환하며, 색상 선택기로도 색을 골라 코드를 확인할 수 있습니다.
이렇게 쓰세요
- 색상 선택기로 색을 고르거나, HEX·RGB·HSL 칸에 코드를 직접 입력합니다.
- 나머지 형식과 미리보기 색이 함께 갱신됩니다.
- 결과를 복사하거나 색상 미리보기로 정확한 색을 확인합니다.
주의사항
- 8자리 HEX 코드(#RRGGBBAA)를 입력하면 알파(투명도)도 함께 처리됩니다.
- RGB는 rgb(r, g, b) 형식 또는 rgba(r, g, b, a) 형식을 지원합니다.
- HSL은 hsl(h, s%, l%) 또는 hsla(h, s%, l%, a) 형식을 지원합니다.
자주 묻는 질문
HEX, RGB, HSL은 무엇이 다른가요?
HEX는 #RRGGBB 형식의 16진수 코드, RGB는 빨강·초록·파랑 값(0-255), HSL은 색상·채도·명도로 색을 표현합니다. 같은 색을 다른 방식으로 나타낸 것입니다.
코드를 직접 입력해도 변환되나요?
네. HEX·RGB·HSL 칸 중 어디에 입력해도 나머지 형식과 미리보기가 함께 갱신됩니다.
HEX 색상에 알파(투명도) 값도 입력할 수 있나요?
네. #RRGGBBAA 형식의 8자리 HEX 코드(알파 포함)도 지원합니다. 예: #FF0000FF는 불투명한 빨강, #FF000080은 50% 투명한 빨강입니다.
모든 계산은 브라우저 안에서 이뤄집니다. 입력값은 외부로 전송되지 않으며, 인터넷을 꺼도 동작합니다.