HEX → RGB 변환기

브라우저에서 업데이트 07/2026

HEX 코드를 붙여넣거나 RGB / HSL 슬라이더를 움직이거나, 비주얼 피커로 색상을 선택해 HEX, RGB, HSL, CMYK 사이를 실시간으로 변환하세요.

3자리 또는 6자리 HEX 코드를 붙여넣으세요. # 기호는 있어도 없어도 됩니다.
지우기

색상 변환기란?

색상 변환기는 웹·디자인·인쇄에서 사용되는 다양한 형식 사이에서 같은 색을 변환합니다. 같은 파란색을 #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"]
    }
  }
}
API 문서 OpenAPI 3.1 npm 60건/분 · 600건/시간 · 본문 최대 1 MB

자주 묻는 질문

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 도의 값으로 처리합니다. 범위를 벗어난 값은 유효 범위로 보정되고 다른 형식이 자동으로 갱신됩니다.

HEX 색상 코드를 RGB로 즉시 변환하여 색상 표현을 간편하게 합니다. 원하는 HEX 값을 입력하고 변환 버튼을 클릭하세요.

HEX 를 RGB 로 어떻게 변환하나요?

HEX to RGB 변환기는 #FF8800 같은 HEX 색상 코드를 디자인 도구와 코드에서 사용할 RGB 값으로 변환합니다. HEX 두 자리씩이 하나의 채널 — 빨강, 초록, 파랑 — 을 나타내며 값은 0 부터 255 까지입니다.