개발자 도구

색상 변환기

색상을 HEX, RGB, HSL 사이에서 변환하고 미리 봅니다.

색상 변환기 내 기기에서 실행

작동 방식

색을 표기하는 흔한 세 가지 방식은 각기 다른 용도에 맞습니다. HEX는 간결하며 디자인 도구가 건네주는 형식입니다. RGB는 화면이 실제로 작동하는 방식에 대응합니다. HSL은 사람이 가늠하기 쉬운 방식으로, 명도나 채도를 숫자 하나로 조절할 수 있습니다.

HSL에서는 같은 색상과 채도에 명도만 높이면 더 밝은 색이 됩니다. HEX나 RGB에서는 같은 변화를 위해 원하는 결과와 뚜렷한 관계가 없는 세 값을 다시 계산해야 합니다.

# 유무와 상관없는 3자리 또는 6자리 hex, rgb() 또는 rgba(), hsl() 또는 hsla()를 받습니다. 알파는 모든 표기법에서 똑같이 쓰기 때문에 무시합니다.

자주 묻는 질문

투명도도 처리하나요?

알파 값은 입력으로 받지만 변환하지는 않습니다. 알파는 어떤 표기법에서든 똑같이 쓰기 때문입니다.

red 같은 색 이름을 붙여 넣을 수 있나요?

현재는 안 됩니다. hex, rgb(), hsl() 값을 입력하세요.

서버로 전송되는 것이 있나요?

아니요, 변환은 페이지 안에서 이루어집니다.