색상 변환기

HEX, RGB, HSL 색상코드를 서로 변환

색상을 선택하거나 아래 필드에 직접 입력하세요
--color: #4A90D9;

관련 색상 팔레트

보색 (Complementary)
유사색 (Analogous)
3색 조화 (Triadic)

색상 변환기란?

웹 디자인과 개발에서 색상은 HEX, RGB, HSL 등 다양한 형식으로 표현됩니다. 이 도구는 색상 선택기로 원하는 색을 고르거나 색상 코드를 직접 입력하여 모든 형식으로 즉시 변환할 수 있습니다. 복사 버튼으로 원하는 코드를 바로 클립보드에 담아보세요.

색상 형식 설명

💠 HEX: 16진수 6자리 코드 (예: #FF5733)
🎨 RGB: 빨강·초록·파랑 0~255 값 (예: rgb(255,87,51))
🌈 HSL: 색상·채도·명도로 직관적 표현 (예: hsl(11,100%,60%))

자주 묻는 질문

HEX과 RGB의 차이는?

HEX은 16진수 색상 코드(#FF0000)이고, RGB은 10진수 빨강/초록/파랑 값(255,0,0)입니다. 둘 다 같은 색을 표현하지만 표기 방식이 다릅니다. 웹에서는 주로 HEX을, 프로그래밍에서는 RGB를 많이 사용합니다.

HSL이란?

색상(Hue), 채도(Saturation), 명도(Lightness)로 색상을 표현하는 방식입니다. 사람이 색을 인식하는 방식과 비슷하여 직관적으로 색상을 조절할 수 있어 CSS에서 널리 사용됩니다.

보색이란?

색상환에서 정반대에 있는 색상으로, 가장 강한 대비를 만듭니다. 빨강의 보색은 청록, 파랑의 보색은 주황입니다. 디자인에서 강조 효과를 주고 싶을 때 활용하기 좋습니다.