이미지 컬러픽커
이미지에서 원하는 색을 추출해 HEX와 RGB 값을 즉시 복사하세요.
선택한 색상
- HEX
#0066cc - RGB
rgb(0, 102, 204) - HSL
hsl(210, 100%, 40%)
수동 조정 (HSV)
선택한 색상
선택한 색상이 여기에 표시됩니다.
이미지 속 색상 정확하게 추출
이미지를 업로드하고 원하는 지점을 클릭하면 해당 픽셀의 색상을 HEX, RGB, HSL 값으로 바로 확인할 수 있습니다. 로고, 배경, 버튼, 일러스트 색상을 정확하게 추출해 디자인과 개발에 활용해보세요.
HEX, RGB, HSL 값을 빠르게 복사
선택한 색상의 HEX, RGB, HSL 값을 버튼 한 번으로 복사할 수 있습니다. 디자인 툴, CSS 코드, 문서 작업에 필요한 색상 값을 빠르게 붙여넣어 작업 시간을 줄여보세요.
자주 묻는 질문
추출한 색상 값은 어떤 형식으로 확인할 수 있나요?
선택한 색상은 대표적으로 HEX, RGB, HSL 형식으로 확인할 수 있습니다.
| 형식 | 예시 | 주로 사용하는 곳 |
|---|---|---|
| HEX | #0066cc | HTML, CSS, 디자인 시스템 |
| RGB | rgb(0, 102, 204) | CSS, JavaScript, 그래픽 작업 |
| HSL | hsl(210, 100%, 40%) | 색상 밝기, 채도 조정 |
HEX는 웹 디자인에서 가장 많이 쓰이고, RGB는 화면 색상 표현에 직관적이며, HSL은 색상의 밝기와 채도를 조정할 때 편리합니다.
스크린샷에서도 색을 추출할 수 있나요?
네, 가능합니다. 웹사이트, 앱 화면, 디자인 시안, 문서 화면을 캡처한 이미지를 업로드하면 원하는 위치를 클릭해 색상을 확인할 수 있습니다. 예를 들어 웹페이지의 버튼 색상, 배너 배경색, 로고 색상, 아이콘 색상 등을 확인할 때 유용합니다. 다만 스크린샷이 압축되었거나 화면 확대/축소가 적용된 경우 실제 원본 색상과 약간 다를 수 있습니다.
모바일에서도 동작하나요?
네, 모바일 브라우저에서도 사용할 수 있습니다. 스마트폰에 저장된 사진이나 캡처 이미지를 업로드한 뒤 화면을 터치해 색상을 선택할 수 있습니다. 모바일에서는 손가락으로 정확한 위치를 누르기 어려울 수 있으므로, 더 정밀한 색상 선택이 필요하다면 이미지를 확대하거나 PC 환경에서 사용하는 것을 추천합니다.
추출한 색상은 정확한가요?
이미지에 표시된 픽셀 기준으로 색상을 추출하기 때문에, 클릭한 위치의 색상 값을 확인할 수 있습니다. 다만 이미지가 압축되었거나, 그림자·그라데이션·투명도·안티앨리어싱이 적용된 경우에는 주변 색상과 섞여 보일 수 있습니다. 정확한 색상을 얻고 싶다면 단색 영역을 클릭하거나, 원본에 가까운 고화질 이미지를 사용하는 것이 좋습니다.
이미지가 서버에 업로드되나요?
이미지 색상 추출은 사용자의 브라우저에서 처리됩니다. 따라서 이미지를 서버에 저장하지 않고도 색상 값을 확인할 수 있습니다. 개인정보가 포함된 스크린샷을 사용할 때도 비교적 안전하게 작업할 수 있습니다.