색상 코드 변환기 - HEX to RGB, RGB to HEX, HSL, CMYK, oklch
색상 코드를 실시간으로 형식 간에 변환해요. 색상을 선택하거나 어떤 형식으로든 값을 입력하면 다른 모든 형식이 자동으로 업데이트돼요. 각 형식의 CSS 코드를 한 번의 클릭으로 복사할 수 있어요.
HEX
color: #3498db;
RGB
color: rgb(52, 152, 219);
HSL
color: hsl(204, 70%, 53%);
CMYK
/* cmyk(76%, 31%, 0%, 14%) */
oklch
color: oklch(0.65 0.15 250);
색상 코드 변환기이란?
색상 코드 변환기는 웹 개발과 디자인에서 사용되는 주요 색상 형식(HEX, RGB, HSL, CMYK, oklch) 간에 변환하는 도구예요. CSS에서 바로 사용할 수 있는 코드를 출력하여 색상 지정 작업을 효율화해요. 모든 처리는 브라우저 내에서 완결돼요.
사용 방법
- 색상을 선택하거나 어떤 형식으로든 값을 입력해요
- 모든 형식의 값이 실시간으로 업데이트돼요
- 각 형식 옆의 복사 버튼을 클릭하여 CSS 코드를 복사해요
FAQ
- CMYK 변환 정확도는 어느 정도인가요?
- ICC 프로파일을 고려하지 않는 간이 변환이에요. 인쇄 용도에는 전용 소프트웨어 사용을 권장해요.
- oklch는 무엇인가요?
- CSS Color Level 4에서 도입된 인간의 지각에 기반한 균일한 색 공간이에요. 일관된 밝기 변화를 표현할 수 있어요.
- 알파(투명도)는 지원하나요?
- 현재는 불투명한 색상만 지원해요.
- 이 도구는 어떻게 사용하나요?
- HEX, RGB, HSL 등 어느 입력 필드에도 색상 값을 입력하면 자동으로 다른 형식으로 변환됩니다. 컬러 피커에서 색상을 선택할 수도 있습니다.
- 데이터가 서버로 전송되나요?
- 모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.
관련 도구
업데이트 이력
최종 업데이트: 2026-02-20
- 2026-02-20 최초 출시