본문으로 건너뛰기

색상 코드 변환기

사용 방법 · 기능 · 자주 묻는 질문

색상 코드 변환기 사용 안내

HEX, RGB 또는 HSL 색상을 입력해 같은 불투명 색의 다른 코드 표현을 확인합니다. 큰 색상칩과 정규화된 HEX·RGB·HSL을 함께 표시하고 필요한 코드만 복사해 디자인과 CSS 작업에 사용할 수 있습니다.

최종 수정

사용 방법

  1. 입력과 선택

    입력 형식을 HEX·RGB·HSL 중 고르고 해당 값만 입력합니다. HEX는 #ABC 또는 #AABBCC를 받습니다.

  2. 결과와 처리 기준

    RGB 각 채널 0~255와 HSL 색상환·채도·명도를 표준 sRGB 수식으로 환산합니다. RGB 출력 채널은 정수로 반올림하고 HSL은 소수 한 자리로 표시합니다.

  3. 저장과 확인할 범위

    알파 투명도·Display P3·CMYK·ICC 색상 관리는 지원하지 않습니다. 화면에 보이는 색은 디스플레이와 브라우저 색 관리에 따라 다를 수 있습니다.

주요 기능

HEX·RGB·HSL 양방향 색상 확인
HEX, RGB 또는 HSL 색상을 입력해 같은 불투명 색의 다른 코드 표현을 확인합니다. 큰 색상칩과 정규화된 HEX·RGB·HSL을 함께 표시하고 필요한 코드만 복사해 디자인과 CSS 작업에 사용할 수 있습니다.
색상 코드 환산과 반올림은 어떻게 하나요?
RGB 각 채널 0~255와 HSL 색상환·채도·명도를 표준 sRGB 수식으로 환산합니다. RGB 출력 채널은 정수로 반올림하고 HSL은 소수 한 자리로 표시합니다.
CMYK 인쇄 색이나 투명도도 변환하나요?
알파 투명도·Display P3·CMYK·ICC 색상 관리는 지원하지 않습니다. 화면에 보이는 색은 디스플레이와 브라우저 색 관리에 따라 다를 수 있습니다.

색상 코드 변환기 사용 기준

입력 형식을 HEX·RGB·HSL 중 고르고 해당 값만 입력합니다. HEX는 #ABC 또는 #AABBCC를 받습니다.

RGB 각 채널 0~255와 HSL 색상환·채도·명도를 표준 sRGB 수식으로 환산합니다. RGB 출력 채널은 정수로 반올림하고 HSL은 소수 한 자리로 표시합니다.

알파 투명도·Display P3·CMYK·ICC 색상 관리는 지원하지 않습니다. 화면에 보이는 색은 디스플레이와 브라우저 색 관리에 따라 다를 수 있습니다.

자주 묻는 질문

HEX와 RGB, HSL 중 무엇으로 입력하나요?

입력 형식을 HEX·RGB·HSL 중 고르고 해당 값만 입력합니다. HEX는 #ABC 또는 #AABBCC를 받습니다.

색상 코드 환산과 반올림은 어떻게 하나요?

RGB 각 채널 0~255와 HSL 색상환·채도·명도를 표준 sRGB 수식으로 환산합니다. RGB 출력 채널은 정수로 반올림하고 HSL은 소수 한 자리로 표시합니다.

CMYK 인쇄 색이나 투명도도 변환하나요?

알파 투명도·Display P3·CMYK·ICC 색상 관리는 지원하지 않습니다. 화면에 보이는 색은 디스플레이와 브라우저 색 관리에 따라 다를 수 있습니다.

파일과 입력 내용이 서버나 주소에 남나요?

파일과 입력 내용은 브라우저 안에서 처리하며 서버·주소·브라우저 저장소에 기록하지 않습니다. 복사와 파일 저장은 직접 버튼을 누를 때만 수행합니다. 새로고침하면 작업 내용이 지워집니다.