색상 변환기
색상을 붙여 넣거나 선택하세요. HEX, RGB(A), HSL(A), HSV, CMYK를 한 번에 보여 주고 미리보기를 제공합니다.
미리보기
- HEX
- RGB
- HSL
- HSV
- CMYK
사용 방법
- 어떤 형식으로든 색상을 입력하세요. HEX(#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) 또는 “red” 같은 이름을 쓰거나 색상 견본으로 고를 수 있습니다.
- 모든 형식이 즉시 나타나며 누를 버튼은 없습니다. 미리보기는 실제 색상을 보여 줍니다.
- 각 형식을 버튼으로 복사하세요. 알파(투명도)가 유지되므로 색상이 완전히 불투명하지 않으면 8자리 HEX나 rgba()/hsla()로 표시됩니다.
예시
입력
#FF5733
형식
HEX #FF5733 RGB rgb(255, 87, 51) HSL hsl(10.6, 100%, 60%) HSV hsv(10.6, 80%, 100%) CMYK cmyk(0%, 65.9%, 80%, 0%)
#FF5733은 주황색 하나이며 같은 색이 rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(10.6, 80%, 100%), cmyk(0%, 65.9%, 80%, 0%)로 표현됩니다.
범위, 제한 및 자주 묻는 질문
- 형식은 다섯 가지뿐입니다. HEX, RGB(A), HSL(A), HSV, CMYK입니다. CIE-Lab/XYZ, 가장 가까운 색상 이름 매칭, 팔레트 혼합, 대비(a11y) 검사는 없습니다.
- 변환은 정확한 수학이지만 구성 요소는 정수로, 백분율은 소수 한 자리(예: 65.9%)로 반올림하고 끝의 0을 제거하며 무한 정밀도는 아닙니다.
- 색상 선택기(견본)는 브라우저 컨트롤이라 불투명한 색만 보여 줍니다. 투명도(알파)는 텍스트 입력란으로만 입력하고 표시합니다.
- 색상 이름은 표준 CSS 키워드(red, rebeccapurple 등)를 영어로 정확히 입력해야 합니다. “红色” 같은 비영어 이름은 인식하지 않으므로 영어 키워드를 입력하세요.
- 아무것도 업로드, 저장, URL 기록되지 않습니다. 기록도, 색상을 담은 공유 링크도 없습니다. 모든 처리는 브라우저에서 이루어집니다.
관련 도구
원하는 형태로 색상을 바꾼 뒤 보통 필요한 도구입니다.