생성기색상 코드 변환

색상 코드 변환기HEX RGB HSL CMYK 상호 변환

색상 코드를 HEX, RGB, HSL, HSV, CMYK로 한 번에 바꿔 주는 온라인 컬러 코드 변환기입니다. 붙여 넣으면 바로 변환되고 밝기 단계도 함께 뽑아 줍니다.

색상 코드 변환 사용법

색상 코드 하나를 넣으면 HEX·RGB·HSL·HSV·CMYK 로 한꺼번에 바꿔 줍니다. 디자인 시안의 색을 코드로 옮길 때 씁니다.

  1. 색을 넣습니다

    #00a495 처럼 hex 로 쳐도 되고 rgb(0, 164, 149) 나 tomato 같은 색 이름도 읽습니다. 색상 선택기로 골라도 됩니다.

  2. 필요한 표기를 복사합니다

    각 줄의 값을 눌러 바로 복사합니다. CSS 에 그대로 붙여 넣을 수 있는 형태입니다.

  3. 밝기 단계를 씁니다

    같은 색의 밝기만 바꾼 단계를 함께 뽑아 줍니다. 배경·테두리·글자를 한 계열로 맞출 때 편합니다.

자주 묻는 질문

CMYK 값이 인쇄물과 조금 달라요
화면 색(RGB)을 잉크(CMYK)로 단순 환산한 값이라 그렇습니다. 종이와 잉크에 따라 달라지므로 인쇄용으로는 참고만 하고 실제 교정을 보세요.
HSL 과 HSV 는 뭐가 다른가요?
둘 다 색상·채도로 색을 다루지만 마지막 값이 다릅니다. HSL 은 밝기(50%가 순색), HSV 는 명도(100%가 순색)라 포토샵은 HSV, CSS 는 HSL 을 씁니다.
투명도(알파)도 다루나요?
rgba 로 넣으면 색만 읽고 알파는 버립니다. 색상 코드 자체를 옮기는 데 초점을 둔 도구입니다.

생성기 다른 도구