색상 코드 변환기
아무 형식으로나 색상을 입력하면 나머지 모든 형식이 한 번에 나와요. 바로 복사할 수 있어요.
이 기기 안에서 봉인됨
브라우저에서 실행돼요. 아무것도 업로드되지 않아요.
봉인됨
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK 또는 “tomato” 같은 CSS 색상 이름.
모든 형식
아무 줄이나 수정하면 나머지도 따라 바뀌어요.
미리보기
- 흰색 위 명도 대비
- 검은색 위 명도 대비
- 가장 가까운 CSS 이름
이 색상은 화면이 표시할 수 있는 범위(sRGB)를 벗어나요. 아래 값은 화면에 표시할 수 있는 가장 가까운 색상이에요.
CMYK는 인쇄 프로파일 없이 단순 변환한 값이에요. 정확한 값은 인쇄소에 문의하세요.
사용 방법
-
색상 입력하기
아무 형식의 색상 코드를 붙여 넣거나, CSS 이름을 입력하거나, 색상 견본으로 고르세요.
-
모든 형식 확인하기
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK가 바로 업데이트돼요. 어느 줄이든 직접 수정할 수도 있어요.
-
필요한 값 복사하기
버튼으로 값 하나만 복사하거나, 메모나 스타일 가이드용으로 모든 형식을 한 번에 복사하세요.
자주 묻는 질문
HEX를 RGB로 어떻게 변환하나요?
# 유무와 상관없이 HEX 코드를 입력하거나 붙여 넣으면 RGB 값이 바로 나타나요. HEX 숫자 두 자리가 한 채널이에요. 빨강, 초록, 파랑이 각각 00부터 FF까지이고, RGB로는 0부터 255까지예요.
OKLCH는 무엇이고 왜 쓰나요?
OKLCH는 사람이 색을 인식하는 방식에 맞춰 밝기, 채도(선명함), 색조로 색상을 나타내요. 밝기만 바꿔도 같은 색조로 보이기 때문에 단계별 색상이나 디자인 시스템을 만들 때 아주 좋아요. 최신 브라우저는 CSS에서 OKLCH를 지원해요.
CMYK 값을 그대로 인쇄에 써도 되나요?
ICC 인쇄 프로파일 없이 수학적으로 변환한 값이라 좋은 출발점이지만 바로 인쇄용으로 쓸 값은 아니에요. 인쇄소는 종이와 인쇄기에 따라 다른 프로파일을 사용해요. 정확한 값은 인쇄소에 문의하거나 디자인 프로그램에서 인쇄소의 프로파일을 사용하세요.
왜 색상이 조정되었다고 나오나요?
OKLCH, LAB, LCH 같은 형식은 일반 화면(sRGB)이 표시할 수 있는 것보다 더 선명한 색을 나타낼 수 있어요. 변환기는 HEX와 RGB가 유효하도록 색조를 유지하면서 그런 색을 표시할 수 있는 가장 가까운 색으로 맞춰요.
투명도도 처리되나요?
네. #3442d980이나 rgb(52 66 217 / 0.5)처럼 알파 값이 있는 색상은 투명도를 지원하는 모든 형식에서 투명도가 유지돼요. CMYK에는 투명도가 없어서 불투명한 색으로 표시돼요.
입력한 데이터가 어딘가로 전송되나요?
아니요. 모든 변환은 브라우저 안에서 이루어져요. 입력한 내용은 업로드되거나 저장되지 않아요.