HEX, RGB, HSL 값을 실시간으로 서로 변환하고, 색상 하나 또는 이미지 한 장에서 팔레트를 뽑아보세요.
스와치를 클릭하면 코드가 복사됩니다
HEX(#2E9E8E)는 웹 코드에서 가장 흔히 쓰이는 16진수 표기법이고, RGB(46, 158, 142)는 빛의 삼원색(빨강·초록·파랑) 비율로 색을 표현합니다. HSL(174°, 55%, 40%)은 색상·채도·명도로 표현해 사람이 색을 조정하기 가장 직관적입니다. 예를 들어 같은 색상(Hue)을 유지한 채 명도만 낮추면 어두운 톤을, 채도만 낮추면 차분한 톤을 쉽게 만들 수 있습니다.
보색은 색상환에서 정반대(180°)에 있는 색으로 강한 대비를 만들고, 유사색은 색상환에서 가까운 색들(±30° 안팎)로 조화로운 느낌을, 삼색조는 색상환을 3등분한 지점의 색으로 균형 잡힌 다채로움을 줍니다. 디자인에서 배색을 정할 때 자주 쓰이는 이론입니다.
이미지를 캔버스에 그린 뒤 픽셀 데이터를 읽어, 비슷한 색상끼리 묶어(클러스터링) 가장 많이 등장하는 대표 색 6개를 추출합니다. 모든 처리는 브라우저 안에서만 이루어지며 이미지가 서버로 전송되지 않습니다.
코드 작성 시에는 HEX나 RGB가 표준이지만, 색을 조정하고 팔레트를 만들 때는 HSL로 색상값은 고정하고 명도·채도만 바꾸는 방식이 훨씬 직관적입니다.