Irodori彩り

색 변환

HEX · RGB · HSL · OKLCH · Lab · CMYK

개요 색 변환

HEX · RGB · HSL · OKLCH · Lab · CMYK

사용 방법

HEX, RGB, HSL, HSV, CMYK 중 어떤 색상을 붙여 넣어도 다른 모든 형식으로 복사할 수 있습니다. 입력하는 동안 변환기가 실시간으로 갱신됩니다.

색 변환

모든 색 형식은 같은 것을 다른 언어로 표현합니다. HEX는 스타일시트, RGB는 화면과 코드, HSL은 팔레트 구성, CMYK는 인쇄에 적합합니다. 필요한 변환을 선택해 정확한 값, 실시간 미리보기, 계산식을 확인하세요.

모든 변환

네 가지 색 형식

HEX란?

HEX 코드는 빨강, 초록, 파랑 채널을 6자리 16진수로 저장하며 앞에 #을 붙입니다. 두 자리씩 한 채널을 00부터 FF까지 표현해 RGB와 같은 1670만 색을 더 짧게 표기합니다. CSS, 디자인 도구, 브랜드 가이드의 기본 형식입니다.

#RRGGBB
CSS, 디자인 전달, 브랜드 가이드

RGB란?

RGB는 색을 세 개의 빛 채널로 표현하며 각각 0부터 255입니다. 화면의 작동 방식과 같아 모두 255면 흰색, 모두 0이면 검정입니다. 색을 계산할 때 적합하며 rgba()로 투명도를 더할 수 있습니다.

rgb(R, G, B)
코드, Canvas, rgba() 투명도

HSL란?

HSL은 색을 색상(0–360°), 채도(0–100%), 명도(0–100%)로 나눕니다. 사람이 색을 묘사하는 방식과 가까워 톤과 쉐이드, 일관된 팔레트를 만들기 가장 쉬운 형식입니다.

hsl(H, S%, L%)
팔레트, 톤과 쉐이드, 테마

CMYK란?

CMYK는 인쇄의 네 가지 잉크 모델로 청록, 자홍, 노랑, 키(검정)를 비율로 나타냅니다. 잉크는 빛을 빼기 때문에 화면의 선명한 색이 인쇄 후 더 탁하게 보일 수 있습니다.

cmyk(C%, M%, Y%, K%)
인쇄, 패키징, 인쇄용 원고