색상 변환기
HEX, RGB, HSL, HSV, OKLCH, CMYK 간에 색상을 변환합니다
- 파일이 기기 밖으로 나가지 않습니다
- 브라우저에서 실행
- 무료, 가입 불필요, 워터마크 없음
#FF8000oklch(73.19% 0.1858 52.98)
가장 가까운 CSS 색상 이름
darkorangeΔE 3.9
형식
Lab과 LCH는 CSS lab(), lch()와 같은 D50 백색점을 사용합니다. 여기의 CMYK는 ICC 프로파일 없이 계산한 단순 값입니다. 정확한 값은 인쇄소에 확인하세요.
틴트와 셰이드
견본을 클릭하면 HEX가 복사됩니다. OKLab에서 흰색·검은색과 섞어 단계가 고르게 보입니다.
색상 변환기 사용 방법
HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab/LCH, CMYK, Display P3 사이에서 색상을 변환합니다. 한 형식을 고치면 나머지도 바뀌며, 가까운 CSS 색상 이름과 틴트·셰이드도 보여 줍니다.
- 1
‘아무 색상이나 붙여넣거나 입력하세요’ 칸에 #ff8000, rgb(255 128 0), oklch(70% 0.19 50), tomato 같은 값을 입력합니다.
- 2
‘색상 선택기 열기’, ‘화면에서 추출’, ‘무작위 색상’으로 시작해도 됩니다.
- 3
‘형식’에서 값을 확인하거나 수정합니다. 어느 칸을 바꾸든 나머지 칸이 모두 갱신됩니다.
- 4
‘불투명도’ 슬라이더로 투명도를 정하고, rgb(255 128 0 / 50%)처럼 공백으로 구분한 표기가 필요하면 ‘최신 CSS 문법’을 켭니다.
- 5
형식 옆의 복사 아이콘을 누르거나 ‘틴트와 셰이드’의 색 견본을 눌러 HEX를 복사합니다.
자주 묻는 질문
sRGB 범위를 벗어났다는 안내가 왜 나오나요?
OKLCH, Lab, Display P3로는 대부분의 화면이 표시하지 못하는 색도 나타낼 수 있습니다. 이때 HEX, RGB, HSL 등 sRGB 형식에는 CSS 색 영역 매핑 방식으로 명도와 색조를 유지한 가장 가까운 표시 가능 색이 들어가며, 단순히 잘라냈을 때의 색도 안내에 함께 표시됩니다.
CMYK 값을 인쇄에 그대로 써도 되나요?
안 됩니다. 여기서의 CMYK는 ICC 프로파일 없이 계산한 단순 공식입니다. 정확한 값은 인쇄소에 확인하세요.
Lab과 LCH는 어떤 백색점을 쓰나요?
CSS의 lab(), lch()와 같은 D50입니다. 값을 그대로 스타일시트에 붙여 넣을 수 있습니다.
‘화면에서 추출’ 버튼이 안 보이는 이유는?
브라우저의 EyeDropper API를 쓰는데, Chrome이나 Edge 같은 Chromium 기반 브라우저에서 제공됩니다. 지원하지 않는 환경에서는 버튼이 숨겨지므로 색상 선택기를 쓰거나 값을 붙여 넣으세요.
저장되는 데이터가 있나요?
마지막 색상과 ‘최신 CSS 문법’ 설정이 브라우저 로컬 저장소에 남아 다음에도 이어집니다. 서버로는 아무것도 전송하지 않습니다.