색상 변환기
어떤 색이든 HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH로 변환하고 클릭 한 번으로 복사하세요. 무료이며 내 기기에서 실행돼요.
어떤 형식이든 입력하세요: #3366cc, rgb(51 102 204), hsl(220 60% 50%), cmyk(75% 50% 0% 20%), oklch(…) 또는 tomato 같은 CSS 색 이름.
- HEX
#3366CC - RGB
rgb(51 102 204) - HSL
hsl(220 60% 50%) - HSV / HSB
hsv(220 75% 80%) - CMYK
cmyk(75% 50% 0% 20%) - CIE Lab
lab(45 18.7 -57.9) - OKLCH
oklch(53.2% 0.168 262.3)
가장 가까운 CSS 색 이름: royalblue
CMYK는 프린터 프로필 없이 단순하게 변환한 값이에요. 출발점으로는 좋지만 인쇄소의 값과는 다를 수 있어요.
색상 변환기는 한 형식으로 적힌 색을 다른 모든 형식으로 바꿔 줘요. 웹용 HEX, 디자인 앱용 RGB·HSL·HSV, 인쇄용 CMYK, 최신 CSS와 색 작업용 CIE Lab과 OKLCH까지 보여 줘요. 이 중 아무 형식이나 입력하거나 붙여넣고, tomato 같은 CSS 색 이름을 쓰거나, 색 선택기를 사용하세요. 값마다 복사 버튼이 있고, 가장 가까운 CSS 색 이름도 함께 표시돼요.
색상 변환기 사용 방법
- 1
색 입력
어떤 형식이든 입력하거나 붙여넣고, 색 선택기로 고를 수도 있어요.
- 2
결과 확인
모든 형식의 값과 가장 가까운 CSS 색 이름을 확인하세요.
- 3
필요한 값 복사
클릭 한 번으로 원하는 값을 복사하세요.
주요 기능
- 주요 형식 모두 지원
- HEX, RGB, HSL, HSV, CMYK, CIE Lab, OKLCH.
- 붙여넣은 값을 알아서 인식
- #, 쉼표, 공백이 있든 없든, CSS 색 이름까지 읽어요.
- 투명도 유지
- 알파 값이 모든 형식에 그대로 반영돼요.
자주 묻는 질문
HEX를 RGB로 어떻게 변환하나요?
#3366CC 같은 HEX 코드를 붙여넣고 RGB 줄을 읽으세요: rgb(51 102 204). 다른 모든 형식도 동시에 표시돼요.
CMYK 값은 인쇄용으로 정확한가요?
프린터 프로필 없이 표준 방식으로 변환한 값이라 출발점으로 쓰기 좋아요. 인쇄소에서는 자기 인쇄기에 맞춰 조금 다른 값을 줄 수 있어요.
OKLCH는 무엇인가요?
사람 눈에 색이 얼마나 밝고 선명하게 보이는지를 바탕으로 CSS에서 색을 적는 새로운 방식이에요. 고르게 이어지는 색 단계를 만들 때 유용해요.
인터넷 연결이 필요한가요?
페이지를 열 때만 필요해요. 모든 계산은 내 기기에서 이루어지며, 입력한 내용은 어디에도 전송되지 않아요.