색상 코드 변환기 - HEX to RGB, RGB to HEX, HSL, CMYK, oklch

색상 코드를 실시간으로 형식 간에 변환해요. 색상을 선택하거나 어떤 형식으로든 값을 입력하면 다른 모든 형식이 자동으로 업데이트돼요. 각 형식의 CSS 코드를 한 번의 클릭으로 복사할 수 있어요.

HEXcolor: #3498db;
RGBcolor: rgb(52, 152, 219);
HSLcolor: hsl(204, 70%, 53%);
CMYK/* cmyk(76%, 31%, 0%, 14%) */
oklchcolor: oklch(0.65 0.15 250);

색상 코드 변환기이란?

색상 코드 변환기는 웹 개발과 디자인에서 사용되는 주요 색상 형식(HEX, RGB, HSL, CMYK, oklch) 간에 변환하는 도구예요. CSS에서 바로 사용할 수 있는 코드를 출력하여 색상 지정 작업을 효율화해요. 모든 처리는 브라우저 내에서 완결돼요.

사용 방법

  1. 색상을 선택하거나 어떤 형식으로든 값을 입력해요
  2. 모든 형식의 값이 실시간으로 업데이트돼요
  3. 각 형식 옆의 복사 버튼을 클릭하여 CSS 코드를 복사해요

FAQ

CMYK 변환 정확도는 어느 정도인가요?
ICC 프로파일을 고려하지 않는 간이 변환이에요. 인쇄 용도에는 전용 소프트웨어 사용을 권장해요.
oklch는 무엇인가요?
CSS Color Level 4에서 도입된 인간의 지각에 기반한 균일한 색 공간이에요. 일관된 밝기 변화를 표현할 수 있어요.
알파(투명도)는 지원하나요?
현재는 불투명한 색상만 지원해요.
이 도구는 어떻게 사용하나요?
HEX, RGB, HSL 등 어느 입력 필드에도 색상 값을 입력하면 자동으로 다른 형식으로 변환됩니다. 컬러 피커에서 색상을 선택할 수도 있습니다.
데이터가 서버로 전송되나요?
모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.

관련 도구

업데이트 이력

최종 업데이트: 2026-02-20

  • 2026-02-20 최초 출시