색상 코드 변환
HEX ↔ RGB ↔ HSL ↔ CMYK
색상 코드 변환 소개
색상 코드를 여러 표기로 서로 바꾸는 도구입니다. 웹에서 쓰는 HEX(#ff5733)와 RGB, 색을 조절하기 쉬운 HSL·HSV, 인쇄에 쓰는 CMYK를 한 번에 보여 줍니다. 코드를 붙여넣어도 되고, 색을 직접 골라도 됩니다. 디자인 시안의 색을 코드에 옮기거나 문서 프로그램에 색을 맞춰 넣을 때 씁니다.
사용법
- 색상 코드를 붙여넣거나 색 칸을 눌러 색을 고릅니다.
- HEX·RGB·HSL·HSV·CMYK 값이 한꺼번에 나옵니다.
- 쓰려는 표기를 복사합니다.
알아 둘 점
CMYK 값은 화면의 RGB 색을 단순한 공식으로 바꾼 참고값입니다. 실제 인쇄 색은 인쇄기와 종이, 색 프로파일에 따라 달라지므로 인쇄물은 인쇄소의 기준 색으로 확인해 주세요.
자주 묻는 질문
- HEX 코드는 무엇인가요?
- 빨강·초록·파랑의 세기를 각각 00~ff(0~255)의 16진수 두 자리로 적은 것입니다. #ff0000은 빨강 255, 초록 0, 파랑 0이라는 뜻입니다.
- 어떤 형식으로 넣을 수 있나요?
- #ff5733, ff5733, #f53 같은 HEX와 rgb(255, 87, 51), hsl(11, 100%, 60%) 형식을 알아봅니다. red, skyblue 같은 영어 색 이름도 됩니다.
- HSL과 HSV는 어떻게 다른가요?
- 둘 다 색상(H)·채도(S)에 밝기를 더한 표기지만 밝기의 기준이 다릅니다. HSL의 L 50%가 가장 선명한 색이고 100%는 흰색입니다. HSV의 V 100%는 가장 밝은 선명한 색입니다. CSS는 HSL을, 포토샵의 색 선택 창은 HSV(HSB)를 씁니다.