색상코드 변환 — HEX·RGB·HSL·CMYK
색상코드 변환은 HEX, RGB, RGBA, HSL, CMYK 값을 서로 바꿔 복사하는 무료 도구입니다.
모든 처리는 브라우저에서 이루어지며 서버로 전송되지 않습니다.
사용법
- HEX, RGB, HSL, CMYK 중 아는 값을 입력하거나 색을 고릅니다.
- 나머지 형식의 코드를 확인합니다.
- 복사 버튼으로 필요한 코드를 가져갑니다.
색상코드 변환은 같은 색을 HEX, RGB, RGBA, HSL, CMYK 표기로 바꿔 보여 줍니다. 웹 작업에서는 #B4462B 같은 HEX나 rgb(180, 70, 43)을 많이 쓰고, 밝기와 채도를 말로 맞출 때는 HSL이 편합니다. 컬러 피커로 고른 색도 같은 코드로 바로 나옵니다.
HEX를 RGB로 바꿀 때는 # 뒤의 두 자리씩을 16진수에서 10진수로 읽습니다. #FF8000이면 빨강 255, 초록 128, 파랑 0입니다. 세 자리 #RGB는 각 자리를 두 번 반복한 것과 같습니다. rgba()의 마지막 숫자는 투명도라서 0부터 1 사이입니다.
CMYK는 청록, 자홍, 노랑, 검정의 비율입니다. 화면의 RGB와 인쇄 잉크는 섞는 원리가 달라, 여기서 나오는 CMYK는 인쇄기 색을 보장하는 프로파일이 아닙니다. 대략의 잉크 비율을 볼 때 쓰고, 인쇄 교정은 인쇄소 기준을 따르세요. cmyk(0%, 100%, 100%, 0%)처럼 넣으면 다시 RGB로도 계산합니다.
사진 위의 한 점을 찍어 코드를 뽑는 기능은 없습니다. 코드를 이미 알고 있을 때 형식을 바꾸는 용도입니다. 길이 단위가 필요하면 단위 변환을 쓰고, 복사한 색을 스타일 문서에 붙인 뒤 정리하려면 JSON 포맷터가 있습니다. 세 자리 HEX는 각 자리를 반복해 여섯 자리로 펼칩니다. 예를 들어 #0D9는 #00DD99과 같습니다. 알파를 뺀 RGB만 필요하면 투명도 없는 rgb() 줄을 복사하세요. 인쇄용 수치를 계약서에 적을 때는 이 근사값을 그대로 단정하지 말고 출력 샘플을 확인하세요.
자주 묻는 질문
HEX 코드를 RGB로 바꾸는 방법은?
# 뒤 여섯 자리를 두 자리씩 끊어 16진수를 10진수로 바꿉니다. 예를 들어 #FF8000의 FF는 255, 80은 128, 00은 0이라 rgb(255, 128, 0)입니다. 칸에 넣으면 바로 계산됩니다.
RGB와 CMYK는 무엇이 다른가요?
RGB는 화면이 빛을 섞는 방식이고 CMYK는 인쇄 잉크에 가까운 방식입니다. 이 페이지의 CMYK는 화면 색을 나눈 근사값이라 인쇄소 프로파일과 같지 않을 수 있습니다.
이미지에서 색상코드를 추출할 수 있나요?
이 페이지는 사진에서 색을 찍는 스포이트가 없습니다. 코드를 이미 알고 있거나 컬러 피커로 고른 색만 변환합니다.
RGBA의 A는 무엇인가요?
A는 알파, 곧 투명도입니다. 0은 완전히 투명하고 1은 불투명입니다. rgba(255, 0, 0, 0.5)처럼 입력하면 그 값이 유지됩니다.
