HEX · RGB · HSL · HSV · CMYK
색상 변환기
색상 #0060fd는 rgb(0, 96, 253), hsl(217, 100%, 50%), cmyk(100%, 62%, 0%, 1%)입니다. CSS 색상을 입력하거나 색상 선택기를 사용해 원하는 색을 변환하세요.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
입력하는 대로 타일이 갱신됩니다. 입력한 텍스트가 색상이 아니면 오류가 표시되고, 마지막으로 유효했던 색상이 화면에 그대로 남습니다.
Scanned by 
NortonTM Safe Web
한눈에 보기
- 가격
- 비용 없음
- 계정
- 필요 없음
- 업로드
- 해당 없음 — 색상을 입력할 뿐이며 어디로도 전송되지 않습니다
- 입력
- HEX(3, 4, 6 또는 8자리), rgb(), hsl(), hwb(), 148개의 CSS 색상 이름, transparent
- 출력
- HEX, RGB, HSL, HSV, CMYK, 가장 가까운 CSS 색상 이름
- CMYK
- 수학적 변환이며 인쇄 프로파일이 아닙니다
자주 쓰는 색상을 모든 모델로
이 행들은 변환기와 같은 코드로 만들었습니다. HSL, HSV, CMYK는 정수로 반올림됩니다.
| 입력 | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
색상을 변환하는 방법
색상 입력
3, 4, 6 또는 8자리 HEX 코드, rgb()·hsl()·hwb() 값, 또는 148개의 CSS 색상 이름 중 하나를 입력하세요. 색상 상자를 클릭해 브라우저의 색상 선택기로 고를 수도 있습니다.
다른 색상 모델 읽기
견본은 체크무늬 위에 색을 보여 주므로 투명도가 눈에 보입니다. 타일에는 같은 색이 HEX, RGB, HSL, HSV, CMYK 값과 가장 가까운 CSS 색상 이름으로 표시됩니다.
필요한 값 복사
타일의 복사 버튼을 누르면 그 값이 클립보드에 담겨, 스타일시트, 디자인 도구, 문서에 바로 붙여넣을 수 있습니다.
색상 모델은 어떻게 연결되나요
RGB는 화면이 더하는 빨강, 초록, 파랑 빛의 양을 각각 0에서 255로 나타냅니다. #0060fd는 빨강 0, 초록 96, 파랑 253입니다. HEX는 같은 세 숫자를 16진수로 쓴 것이어서 96은 60, 253은 fd가 됩니다. HSL과 HSV는 같은 색을 색상환 위의 0~360도 색상각과 두 개의 백분율, 즉 채도, 그리고 명도(HSL) 또는 밝기값(HSV)으로 나타냅니다. #0060fd의 색상각은 둘 다 217입니다. CMYK는 잉크를 나타냅니다. 흰 종이에서 시안, 마젠타, 노랑, 검정이 빠집니다.
여기에 표시되는 CMYK는 단순한 수학적 변환입니다. 검정은 1에서 R, G, B 중 가장 큰 값을 뺀 값이고, 시안, 마젠타, 노랑은 그 나머지입니다. 인쇄 프로파일이 아니므로, ICC 프로파일을 쓰는 프린터나 디자인 프로그램은 같은 색에도 다른 CMYK 숫자를 냅니다. HSL 값은 정수로 표시되므로 반올림된 값을 다시 변환하면 채널이 몇 단위 달라질 수 있습니다. hsl(217, 100%, 50%)는 #0060fd가 아니라 #0062ff입니다. 가장 가까운 CSS 이름은 L*a*b* 공간에서 CIE76 색차가 가장 작은 키워드입니다. 모든 처리는 브라우저에서 실행되며 어디로도 전송되지 않습니다.
색상 변환기 질문
HEX를 RGB로 어떻게 변환하나요?
여섯 자리를 두 자리씩 세 쌍으로 나누고 각 쌍을 16진수로 읽습니다. #0060fd는 00, 60, fd이며 각각 0, 96, 253이므로 색상은 rgb(0, 96, 253)입니다. 필드에 HEX 코드를 붙여넣으면 RGB 타일에 결과가 표시됩니다.
8자리 HEX 코드의 마지막 두 자리는 무엇을 뜻하나요?
알파 채널, 즉 불투명도입니다. 00(완전 투명)부터 ff(완전 불투명)까지입니다. #0060fd80은 같은 파랑의 255분의 128, 약 50.2% 불투명도이므로 rgba(0, 96, 253, 0.502)로 표시됩니다. #06f8 같은 4자리 코드도 각 자리를 두 번씩 쓴다는 점만 다르고 똑같이 동작합니다.
HSL과 HSV는 무엇이 다른가요?
둘 다 색상과 채도를 쓰지만 세 번째 값이 다릅니다. HSL에서는 명도 50%가 순색이고 0%는 검정, 100%는 흰색입니다. HSV에서는 밝기값 100%가 그 색의 가장 밝은 형태이며, 흰색은 채도 0%가 필요합니다. 같은 파랑이 hsl(217, 100%, 50%)이고 hsv(217, 100%, 99%)입니다.
CMYK 결과를 인쇄에 사용할 수 있나요?
출발점으로만 쓰세요. 이 페이지는 RGB와 CMYK 사이의 단순한 공식을 쓰며, 잉크, 종이, 프린터 프로파일은 전혀 고려하지 않습니다. 인쇄소나 색상 프로파일이 있는 디자인 프로그램은 같은 RGB 색을 다른 CMYK 숫자로 변환합니다.
어떤 색상 형식을 입력할 수 있나요?
#이 있거나 없는 3, 4, 6, 8자리 HEX, 쉼표나 공백으로 구분하고 숫자나 백분율을 쓰며 슬래시 뒤에 알파를 둘 수 있는 rgb()와 rgba(), deg, rad, grad, turn 단위의 각도를 쓰는 hsl(), hsla(), hwb(), rebeccapurple 같은 148개의 CSS 색상 이름, 그리고 transparent입니다.
가장 가까운 색상 이름이 정확히 일치하지 않는 이유는 무엇인가요?
CSS 색상 이름은 148개뿐이어서 대부분의 색에는 고유한 이름이 없습니다. 페이지는 L*a*b* 공간의 CIE76 색차로 측정해 가장 비슷해 보이는 이름을 고릅니다. #0060fd의 경우 mediumslateblue입니다. #ff0000처럼 색이 이름과 정확히 같으면 정확히 일치한다고 표시합니다.