🎨 색상 변환기 – HEX · RGB · HSL · CMYK · 팬톤

소개

Toolio 색상 변환기는 색상 선택기로 색을 고르거나 HEX 코드를 입력하거나 R, G, B 값 또는 H, S, L 값을 직접 넣으면 HEX, RGB, HSL, CMYK 값을 한꺼번에 보여 주고, 형식마다 복사 버튼도 제공합니다. HEX 칸은 # 유무와 관계없이 3자리 또는 6자리 코드를 받습니다. #f53 같은 3자리 코드는 Enter를 누르거나 칸 밖을 누르면 #ff5533으로 확장되고, 투명도가 붙은 8자리 코드는 입력은 되지만 알파 부분은 무시되며, 잘못된 코드는 조용히 무시하지 않고 오류로 표시합니다. 색조 팔레트는 입력한 색 그대로와 더 어두운 색 두 개, 더 밝은 색 두 개를 항상 어두운 쪽에서 밝은 쪽 순서로 보여 줍니다. 또 12가지 색상을 7단계 명도로 늘어놓고 무채색 한 줄을 더한 색상표에서 HEX 코드가 적힌 칸을 눌러 그 색을 바로 불러올 수 있습니다. 모든 처리는 브라우저 안의 JavaScript로 이루어지므로 데이터가 브라우저 밖으로 나가지 않아, 비공개로 두고 싶은 브랜드나 프로젝트 색상도 안전하게 쓸 수 있습니다. 선택한 색에 가장 가까운 PANTONE Solid Coated 번호(예: PANTONE 185 C)도 함께 보여 주므로 화면 색을 인쇄로 옮길 때 출발점으로 쓰기 좋습니다. CMYK 값도 표시되지만 화면 기준의 근사값이며 인쇄용 분판이 아닙니다. 실제 수치는 출력 프로파일(US Web Coated SWOP, FOGRA39, Japan Color)에 따라 달라지므로 작업물을 넘기기 전에 인쇄소에 확인하세요.

사용 방법

1. 색상 선택기를 사용하거나 HEX 필드에 색상 코드(예: #ff6b4a)를 직접 입력합니다.
2. R, G, B 값(0~255)을 각각 입력하거나 H(0~360), S, L(0~100) 값을 입력해 RGB 또는 HSL 색상으로 시작할 수도 있습니다.
3. 변환 결과 패널에서 HEX, RGB, HSL, CMYK 값과 가장 가까운 팬톤 색상을 확인합니다.
4. 각 형식 옆의 복사 버튼을 클릭해 클립보드에 복사합니다.
5. 입력 아래 다섯 가지 색조 팔레트 스와치를 클릭해 밝거나 어두운 계열 색상을 선택합니다.
6. 아니면 색상표까지 내려가 HEX 라벨이 적힌 칸을 눌러 그 색을 불러옵니다.

자주 묻는 질문

이 색상 변환기는 무료인가요?

네, 완전 무료입니다. 계정 가입이나 결제가 전혀 필요하지 않습니다.

색상 데이터가 서버로 업로드되나요?

아니요. 모든 변환은 브라우저 내 JavaScript로 처리되며 서버로 전송되는 데이터는 없습니다.

인터넷 없이 오프라인으로 사용할 수 있나요?

네. 페이지를 한 번 로드한 후에는 인터넷 연결 없이도 완전히 동작합니다. PWA로 저장해 오프라인에서도 사용할 수 있습니다.

어떤 색상 형식을 지원하나요?

HEX(예: #ff6b4a), RGB(예: rgb(255, 107, 74)), HSL(예: hsl(11, 100%, 65%)) 사이를 변환하고 CMYK도 함께 보여 줍니다. HEX 코드, R, G, B 값, H, S, L 값 중 어느 쪽으로 입력해도 나머지 형식이 한꺼번에 갱신됩니다.

색조 팔레트 기능은 무엇인가요?

색조 팔레트는 다섯 칸입니다. 입력한 색 그대로 한 칸과 같은 색상, 같은 채도의 더 어두운 색 두 칸, 더 밝은 색 두 칸이며, 항상 어두운 쪽에서 밝은 쪽 순서로 중복 없이 나옵니다. 검정에 가까운 색은 그 뒤에 밝은 단계 네 칸이, 흰색에 가까운 색은 그 앞에 어두운 단계 네 칸이 붙습니다. 칸을 누르면 모든 입력칸이 그 색으로 바뀌어 그 코드도 복사할 수 있습니다.

가장 가까운 팬톤 색상도 보여주나요?

네. HEX·RGB·HSL과 함께 가장 가까운 PANTONE Solid Coated 색상(예: PANTONE 185 C)을 복사 버튼과 함께 표시합니다. 매칭은 지각적 색차 공식 CIEDE2000으로 계산합니다. 팬톤 별색 잉크는 화면 값이 아니라 물리적으로 정의되므로, sRGB 매칭은 정확한 잉크가 아닌 근사 참고값입니다.

CMYK 값도 나오나요?

나옵니다. 다만 인쇄용 분판이 아니라 화면 기준 근사값으로 보셔야 합니다. 이 변환기는 ICC 프로파일이 없는 표준 RGB→CMYK 공식을 쓰기 때문에, 실제 분판 수치는 출력 프로파일(US Web Coated SWOP, FOGRA39, Japan Color)에 따라 달라집니다. 팬톤 CMYK 줄은 매칭된 잉크의 근사 sRGB에서 계산한 값이며 팬톤이 라이선스하는 Color Bridge 데이터가 아닙니다. 별색 상당수는 아예 CMYK 색역 밖입니다. 작업물을 넘기기 전에 반드시 인쇄소에 확인하세요.

잘못된 HEX 코드를 입력하면 어떻게 되나요?

HEX 칸에 빨간 테두리와 짧은 안내 문구가 나타나고 이전 색은 그대로 유지됩니다. #f53 같은 3자리 코드는 Enter를 누르거나 칸 밖을 눌렀을 때 적용되고, 투명도가 있는 8자리 코드(#RRGGBBAA)는 앞 6자리만 쓰고 알파 부분은 무시합니다.

색상표가 있나요?

네. 결과 아래에 12가지 색상을 7단계 명도로 늘어놓고 무채색 한 줄을 더한 색상표가 있습니다. 칸마다 HEX 코드가 적혀 있고, 누르면 그 색이 변환기에 불러와집니다. 색상표에는 HEX 코드만 있고 색 이름은 없습니다.

최근 29일 동안 237회 실행되었습니다. 결과가 복사 또는 다운로드됨: 17% 우리 서버에서 측정한 결과, 2026-10-05–2026-11-03.