이미지에서 색상을 추출할 수 있나요?

현재는 색상 선택기(팔레트)로 직접 고르는 방식만 지원합니다.

HSL은 무엇을 의미하나요?

색상(Hue)·채도(Saturation)·명도(Lightness)로 색을 표현하는 방식으로, 색조를 유지하며 밝기·채도만 조절할 때 유용합니다.

전송되지 않습니다. 브라우저 안에서만 변환됩니다.

이 도구는 불투명 색상을 보여줍니다. 출력된 RGB 값에 알파를 붙여 rgba(r,g,b,a) 나 8자리 HEX( #RRGGBBAA )로 응용하면 됩니다.

같은 색입니다. 3자리 HEX는 각 자리를 두 번 반복한 축약형입니다 — #f00 = #ff0000.

색상을 선택하면 HEX·RGB·HSL 코드를 즉시 보여줍니다.

HEX

RGB

HSL

입력

HEX #2554e0

출력

rgb(37, 84, 224)
hsl(225, 75%, 51%)

HEX 코드 #2554e0을 선택하면 같은 색을 RGB(37, 84, 224)와 HSL(225°, 75%, 51%) 표기로 즉시 변환해 보여줍니다.

HEX·RGB·HSL은 같은 색을 다른 방식으로 표기한 것으로, CSS에서는 서로 바꿔 쓸 수 있습니다.

이미지에서 색상을 추출할 수 있나요?: 현재는 색상 선택기(팔레트)로 직접 고르는 방식만 지원합니다.
HSL은 무엇을 의미하나요?: 색상(Hue)·채도(Saturation)·명도(Lightness)로 색을 표현하는 방식으로, 색조를 유지하며 밝기·채도만 조절할 때 유용합니다.
선택한 색상이 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 변환됩니다.
투명한 색상도 만들 수 있나요?: 이 도구는 불투명 색상을 보여줍니다. 출력된 RGB 값에 알파를 붙여 rgba(r,g,b,a)나 8자리 HEX(#RRGGBBAA)로 응용하면 됩니다.
#f00과 #ff0000은 다른 색인가요?: 같은 색입니다. 3자리 HEX는 각 자리를 두 번 반복한 축약형입니다 — #f00 = #ff0000.