이미지 색상 추출기
이미지에서 클릭한 픽셀의 색상을 알려 줍니다.
이 도구는 JavaScript로 작동합니다. 사용하려면 브라우저에서 JavaScript를 켜고 페이지를 새로 고치세요.
클릭하면 색상 코드가 나옵니다.
이미지 색상 추출기는 이미지에서 클릭한 지점의 색을 알려 줍니다. 마우스를 움직이면 커서 아래의 색이 바로 표시되고, 돋보기가 커서 주변을 확대해 가운데 픽셀에 테두리를 그려 주므로 큰 사진에서도 한 픽셀을 정확히 짚을 수 있습니다. 클릭한 색은 목록에 추가되며 HEX 코드, RGB 값, HSL 값과 함께 표시됩니다. 필요 없는 색은 목록에서 빼고, 모든 색을 버튼 하나로 클립보드에 복사할 수 있습니다.
이 도구는 브라우저 안에서만 작동합니다. 이미지는 RUPO Studio 서버에 업로드되지 않으며, 페이지가 열려 있는 동안에는 인터넷 연결이 끊겨도 계속 작동합니다. 색은 화면에 축소되어 보이는 이미지가 아니라 이미지의 실제 픽셀에서 읽으므로 크기 조정 때문에 섞인 색이 나오지 않습니다. PNG, JPG, WebP, AVIF, GIF, BMP를 열 수 있습니다. 이미지의 주요 색을 자동으로 찾으려면 ‘색상 팔레트 추출’을, HEX 코드를 RGB와 HSL로 바꾸려면 ‘HEX → RGB’를 사용하세요.
처음부터 끝까지
- 이미지를 여세요. 파일을 끌어다 놓거나 선택하세요. 이미지는 브라우저에서 열리며 어디에도 업로드되지 않습니다.
- 색을 모으세요. 마우스를 움직여 돋보기로 픽셀을 찾아 클릭하세요. 클릭할 때마다 목록에 색이 추가됩니다.
- 복사하세요. ‘선택한 색 복사’로 HEX와 RGB 값을 클립보드에 담고, 목록을 비운 뒤 다른 이미지로 넘어갈 수 있습니다.
자주 묻는 질문
색상 코드가 보이는 것과 조금 다릅니다. 왜 그런가요?
도구는 파일에 저장된 실제 값을 읽습니다. 화면의 색 프로필, 밝기, 야간 모드에 따라 같은 값도 다르게 보일 수 있습니다. 디자인에 쓸 값은 파일에 있는 값입니다.
HEX, RGB, HSL은 무엇이 다른가요?
세 가지 모두 같은 색을 다르게 표기합니다. HEX(#1a73e8)는 웹과 디자인 프로그램에서, RGB(26, 115, 232)는 코드와 편집 프로그램에서 쓰이고, HSL은 색을 색상·채도·명도로 나타냅니다.
몇 가지 색을 고를 수 있나요?
목록에는 한 번에 최대 24가지 색이 들어갑니다. 더 필요하면 목록을 복사해 비운 뒤 계속하세요.
입력한 데이터가 서버로 전송되나요?
아니요. 이 도구는 브라우저 안에서만 작동하며, 입력하거나 추가한 내용은 RUPO Studio 서버로 전송되지 않습니다. 페이지가 열려 있는 동안에는 인터넷 연결이 끊겨도 계속 작동합니다. 계정은 필요 없습니다. 이용은 무료이며 시간당·일일 한도가 없습니다. 결과를 보기 전에 광고를 볼 필요도 없습니다.
다른 이미지 도구
RUPO Studio