Toollet
하려는 작업이나 앱 이름으로 검색검색문의하기
요금

컬러 코드 변환

HEX·RGB·HSL·HSV·CMYK 값을 입력하거나 색을 선택해 5가지 형식으로 변환합니다. 제작 자료의 색을 다른 표기로 쓰고 싶을 때 각 코드를 복사하거나 한꺼번에 텍스트로 저장할 수 있습니다. 투명도는 다루지 않으며 CMYK는 ICC 프로파일을 사용하지 않는 개산입니다.

#는 생략할 수 있습니다. 투명도는 다루지 않습니다.

변환 결과

HEX#176781
RGBrgb(23, 103, 129)
HSLhsl(194.7, 69.7%, 29.8%)
HSV194.7°, 82.2%, 50.6%
CMYK (%·개산)82.2, 20.2, 0, 49.4

CMYK는 개산입니다. 인쇄기·용지·잉크에 따른 색 차이를 반영하지 않습니다.

결과 모두 가져오기

5가지 형식 · colors.txt

할 수 있는 일

5가지 형식으로 확인

HEX · RGB · HSL · HSV와 ICC 프로파일을 사용하지 않는 개산 CMYK를 한 목록에서 확인할 수 있습니다.

필요한 값 복사

형식별로 복사하거나 5가지 형식의 결과를 한꺼번에 복사하거나 텍스트로 저장할 수 있습니다.

사용 방법

  1. 입력 형식 선택

    가지고 있는 코드에 맞춰 HEX · RGB · HSL · HSV · CMYK를 선택합니다.

  2. 색 값 입력

    코드나 수치를 입력합니다. 색 견본에서 색을 고르면 HEX 입력으로 전환됩니다.

  3. 색 변환 후 확인

    “색 변환”으로 색 견본과 각 형식의 값을 확인합니다. 입력을 바꾸면 다시 변환합니다.

  4. 필요한 표기 받기

    형식별 복사를 사용하거나 한꺼번에 복사해 colors.txt로 저장합니다.

이럴 때 유용합니다

제작 자료의 색 사용

받은 RGB 값이나 HEX 코드를 사용하는 도구에서 지정할 수 있는 표기로 환산합니다.

같은 색의 값 정리

같은 색을 나타내는 5가지 형식을 한곳에서 확인하고 자료나 작업 메모에 남깁니다.

색 표기와 변환 범위

HEX와 RGB

RGB는 빨강 · 초록 · 파랑을 0~255로 나타내고, HEX는 각각을 16진수로 표기합니다. HEX는 3자리 · 6자리로 입력하며 6자리 대문자로 출력합니다.

HSL과 HSV

둘 다 색상 · 채도와 밝기에 관한 값을 사용하지만, HSL의 명도와 HSV의 밝기는 서로 다른 양입니다. 수치만을 같은 것으로 취급하지 마세요.

CMYK는 개산

ICC 프로파일을 사용하지 않는 간이 계산입니다. 용지·잉크·인쇄기의 차이를 반영하지 않으며, 인쇄용 데이터 준비나 색상 교정을 대신하지 않습니다.

표시 자릿수와 변환

계산에는 불투명한 8비트 sRGB를 사용합니다. RGB는 정수로, HSL·HSV·CMYK는 소수 첫째 자리까지 표시합니다(HSV 값에는 °와 %가 포함됩니다). 반올림과 계산 방식에 따라 형식을 변환한 뒤 다시 변환했을 때 값이 정확히 일치하지 않을 수 있습니다.

질문과 답변

CMYK 값을 그대로 인쇄용 지정에 사용할 수 있나요?

개산값이므로 실제 인쇄 조건과 지정 프로파일에 맞춰 제작 소프트웨어 등에서 확인하세요.

투명도가 있는 색도 변환할 수 있나요?

투명도는 다루지 않습니다. HEX의 4자리 · 8자리나 RGBA 등이 아니라 불투명한 색 값을 입력하세요.

입력 도중에 형식을 전환하면 어떻게 되나요?

유효한 값이면 그 색으로 전환합니다. 불완전한 값이면 마지막으로 확정한 색을 사용하고 변환 결과를 일단 지웁니다.

HSV도 CSS로 사용할 수 있나요?

HSV와 개산 CMYK는 수치 확인용입니다. 복사한 값을 CSS 색상 지정에 그대로 사용할 때는 HEX · RGB · HSL을 선택하세요.

입력과 결과

입력
HEX · RGB · HSL · HSV · CMYK 수치 또는 색 선택.
출력
형식별 코드를 복사하거나 5가지 형식을 colors.txt로 저장할 수 있습니다.

현재 설정

도구 검색