이미지 색상 추출

이미지 색상 추출 소개

이미지 색상 추출은 사진 속 어느 지점이든 정확한 색을 알려 줍니다. 사진, 스크린샷, 로고를 열고 원하는 곳을 클릭하면 HEX 코드, RGB 값, HSL 값으로 색이 나오며 CSS, 디자인 도구, 문서에 바로 복사할 수 있습니다.

확대경이 포인터 주변의 픽셀을 보여 주므로 가는 선이나 작은 글자에서도 원하는 픽셀을 정확히 고를 수 있고, 방향키로 한 픽셀씩 움직일 수도 있습니다. 사진 아래에는 이미지 전체의 대표 색을 4개에서 10개까지 나열하고 각 색이 사진에서 차지하는 비율도 보여 줍니다.

모든 처리는 브라우저에서 이루어집니다. 사진은 업로드되지 않으며 색은 픽셀에서 바로 읽습니다. 아주 큰 사진은 긴 쪽을 4,096픽셀로 줄여 읽는데, 가리킬 수 있는 세부 정보는 모두 유지됩니다.

사용 방법

1. 사진을 선택하거나 페이지에 끌어다 놓으세요.
2. 사진을 클릭하거나 드래그하세요. 확대경에 포인터 아래의 픽셀이 표시됩니다.
3. "고른 색"에서 색을 확인하고 복사 버튼으로 HEX, RGB, HSL 코드를 복사하세요.
4. 세밀하게 고르려면 사진을 클릭한 뒤 방향키로 위치를 옮기세요(Shift 키를 누르면 10픽셀씩 움직입니다).
5. "대표 색"에서 대표 색을 확인하고, 숫자 버튼으로 개수를 고른 뒤 하나씩 또는 모두 복사하세요.

기능

• 정확한 픽셀 색: 흐릿한 평균이 아니라 픽셀 자체의 색을 HEX, RGB, HSL로 보여 줍니다.
• 확대경: 11 × 11픽셀 확대경이 포인터를 따라다니며 가운데에 고를 픽셀을 표시합니다.
• 대표 색: 4개, 6개, 8개, 10개의 대표 색을 많이 쓰인 순서로 보여 주고 사진에서 차지하는 비율도 알려 줍니다.
• 변환기로 바로 이동: 고른 색을 색상 코드 변환기에서 열어 글자와의 대비를 확인할 수 있습니다.
• 개인 정보 보호: 사진은 브라우저에서 읽으며 업로드되지 않습니다.

사용 예

제한 사항과 참고

• 긴 쪽이 4,096픽셀보다 큰 사진은 그 크기로 줄여 읽으므로 원본의 픽셀 하나가 이웃 픽셀과 합쳐질 수 있습니다.
• 코드는 투명도를 제외한 색을 나타내며, 비치는 픽셀은 불투명도를 따로 표시합니다.
• 색은 브라우저가 사진을 해석한 결과로 읽습니다. 색 영역이 넓은 프로필이 들어 있는 사진은 이미지 편집기와 값이 조금 다를 수 있습니다.
• HEIC 사진은 여기서 열 수 없으므로 먼저 HEIC를 JPG로 변환하세요.

자주 묻는 질문