HEX → RGB 변환기
HEX 색상 코드를 RGB로 즉시 변환하여 색상 표현을 간편하게 합니다. 원하는 HEX 값을 입력하고 변환 버튼을 클릭하세요.
HEX 코드를 붙여넣거나 RGB / HSL 슬라이더를 움직이거나, 비주얼 피커로 색상을 선택해 HEX, RGB, HSL, CMYK 사이를 실시간으로 변환하세요.
HEX
3자리 또는 6자리 HEX 코드를 붙여넣으세요. # 기호는 있어도 없어도 됩니다.
RGB
HSL
CMYK
%
%
%
%
CMYK 는 인쇄용 색공간입니다. 값은 RGB 에서 계산되고 정수 퍼센트로 반올림됩니다.
색상 변환기란?
색상 변환기는 웹·디자인·인쇄에서 사용되는 다양한 형식 사이에서 같은 색을 변환합니다. 같은 파란색을 #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%), cmyk(56%, 22%, 0%, 30%) 처럼 표현할 수 있는데, 도구마다 사용하는 형식만 다를 뿐 모두 동일한 색입니다.
색상 형식 안내
- HEX - CSS 와 디자인 도구에서 쓰는 6 자리 16진 코드 (예: #4F8AB2).
- RGB - 0~255 범위의 Red, Green, Blue 채널값 - CSS 와 대부분의 API 에서 사용.
- HSL - 색조 (0-360), 채도 (%), 명도 (%) - 시각적 조정에 직관적.
- CMYK - Cyan, Magenta, Yellow, Key 의 4채널 형식 - 인쇄용.
AI 에이전트에서 이 도구를 사용하세요
무료 JSON API와 Model Context Protocol (MCP) 서버. 가입 불필요, API 키 불필요, CORS 개방. Claude, ChatGPT, Cursor, 스크립트, 프런트엔드 앱을 위해 설계되었습니다.
curl -X POST https://mate.tools/api/v1/color-convert.php \
-H "Content-Type: application/json" \
-d '{"color":"#FF5733"}'import urllib.request, json
req = urllib.request.Request(
"https://mate.tools/api/v1/color-convert.php",
data=json.dumps({"color":"#FF5733"}).encode(),
headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
print(json.load(r))const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json()); claude_desktop_config.json(Claude Desktop), ~/.cursor/mcp.json(Cursor) 또는 다른 MCP 호환 클라이언트에 추가하세요:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}자주 묻는 질문
HEX 코드를 두 자리씩 세 쌍으로 나누고, 각 쌍을 16진수에서 10진수로 변환합니다. #4F8AB2 의 경우 4F = 79, 8A = 138, B2 = 178 이므로 rgb(79, 138, 178) 입니다. 변환기는 이를 실시간으로 처리합니다.
HEX, RGB, HSL 은 동일한 RGB 색을 서로 다른 표기로 나타냅니다. HEX 는 간결하고, RGB 는 채널값을 그대로 보여주며, HSL 은 색조·채도·명도를 직관적으로 조절할 수 있습니다. CMYK 는 인쇄용 4채널 색공간으로 RGB 에서 계산되며 화면 색과 완전히 일치하지 않을 수 있습니다.
네. 3자리 HEX 는 각 자리를 두 번 반복하는 축약 형태로, #FA0 은 #FFAA00 과 동일합니다. 변환기는 두 형태 모두 # 유무에 관계없이 받아들입니다.
화면은 가산혼합의 RGB 를, 인쇄는 감산혼합의 CMYK 를 사용하기 때문에 모든 RGB 색이 정확히 매칭되지 않습니다. 전문 디자인 소프트웨어는 종이·잉크·프린터 프로파일을 반영하지만, 여기서 보여드리는 값은 수학적 변환값으로 출발점으로 활용하기 좋습니다.
RGB 채널은 0~255, HSL 의 채도와 명도는 0~100% 로 제한됩니다. 색조는 0~360 도의 값으로 처리합니다. 범위를 벗어난 값은 유효 범위로 보정되고 다른 형식이 자동으로 갱신됩니다.
