HEX, RGB, HSL 색상 코드를 실시간으로 변환하세요.
웹 디자인, CSS 코딩에 필요한 색상 코드를 쉽게 변환하고 복사할 수 있습니다.
프리셋 색상
16진수로 표현하는 방식입니다. #RRGGBB 형태로, 웹에서 가장 많이 사용됩니다.
빨강, 초록, 파랑의 조합(0-255)으로 색상을 표현합니다. 투명도(alpha)와 함께 사용할 수 있습니다.
색조(Hue), 채도(Saturation), 명도(Lightness)로 표현합니다. 직관적인 색상 조절이 가능합니다.
웹 접근성을 위해 텍스트와 배경의 명암비(contrast ratio)를 4.5:1 이상으로 유지하세요. HSL을 사용하면 채도와 명도만 조절하여 같은 톤의 색상을 쉽게 만들 수 있습니다.
HEX(헥사데시멀)는 16진수로 색상을 표현하는 방식입니다. #RRGGBB 형태로, 각각 빨강(R), 초록(G), 파랑(B)을 00~FF(0~255)로 나타냅니다. 예: #FF0000은 순수한 빨간색입니다.
RGB는 빨강, 초록, 파랑의 조합으로 색상을 표현합니다. HSL은 색조(Hue), 채도(Saturation), 명도(Lightness)로 표현하여 직관적으로 색상을 조절하기 쉽습니다.
CSS에서는 HEX, RGB, HSL 모두 사용 가능합니다. HEX는 간결하여 자주 쓰이고, RGB는 투명도(alpha)와 함께 사용할 때, HSL은 색상 조절이 필요할 때 유용합니다.
원하는 색상 형식(HEX, RGB, HSL) 옆의 복사 버튼을 클릭하면 클립보드에 복사됩니다. 바로 CSS나 디자인 툴에 붙여넣기 할 수 있습니다.