색상 코드 변환(HEX·RGB·HSL·HSV·CMYK)
로컬 처리HEX·RGB·HSL·HSV·CMYK 색상 코드를 서로 바꿉니다
사용 방법과 처리 기준
HEX·RGB·HSL·HSV·CMYK 색상 코드를 서로 바꿉니다
도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.
현재 제한
- 최대 입력 길이 100,000자
"작업"에서 바꿀 방향을 고르고 색을 넣으면 HEX·RGB·HSL·HSV·CMYK를 함께 보여 줍니다. CMYK는 인쇄 프로파일 없이 계산한 수학적 근사치입니다.
CMYK는 장치 독립적인 근사치입니다. 실제 인쇄 색은 인쇄소 프로파일로 확인하세요.
이 도구로 할 수 있는 일
- HEX ↔ RGB
- #3366cc ↔ rgb(51, 102, 204)처럼 웹에서 가장 많이 쓰는 두 표기를 바꿉니다.
- HSL·HSV
- 색상·채도·명도로 바꿔 색을 조절하기 쉽게 합니다.
- CMYK
- 인쇄용 C·M·Y·K 비율로 바꾸거나 되돌립니다.
색상 코드 변환(HEX·RGB·HSL·HSV·CMYK) 사용 방법
- 1작업 고르기HEX → RGB 등 방향을 고릅니다.
- 2색 입력HEX·RGB·HSL 값을 적거나 색상 선택기로 고릅니다.
- 3결과 복사필요한 표기를 복사합니다.
활용 예시
HEX → RGB·HSL·HSV·CMYK
입력: #3366cc
결과: rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%)
RGB → HEX
입력: 255, 99, 71
결과: #ff6347
CMYK → RGB
입력: C 0, M 100, Y 100, K 0
결과: #ff0000, rgb(255, 0, 0)
이럴 때 유용해요
- 디자인 시안의 HEX 값을 CSS rgb()·hsl()로 옮길 때
- 브랜드 색의 인쇄용 CMYK 근사값을 볼 때
- HSL로 바꿔 명도만 조금 바꾼 색을 만들 때
자주 묻는 질문 (FAQ)
#36c처럼 세 자리 HEX도 되나요?
네. 세 자리는 각 자리를 두 번 쓴 것(#3366cc)으로 읽습니다.