이미지 스포이트 (컬러피커)

이미지에서 색상을 추출하는 원리는 무엇인가요?

사용자가 업로드한 그래픽 파일을 HTML5 Canvas 요소에 복사해 렌더링한 후, 마우스 클릭 지점의 좌표를 읽어 getImageData() API를 통해 픽셀의 오리지널 RGBA 원시 데이터를 무손실로 직접 판독합니다.

돋보기 기능이 왜 들어가 있나요?

고해상도 아트워크나 작은 경계 영역 같은 아주 미세한 지점에서 '정확히 1픽셀' 크기의 색상을 오차 없이 찝어내려면 확대해서 확인해야 하므로 2배에서 16배까지 가변 배율로 구성된 픽셀 확대경을 제공합니다.

출력되는 컬러 포맷들의 용도가 각각 다른가요?

그렇습니다. HEX 코드는 웹 퍼블리싱 스타일시트(CSS)의 보편적인 선언에 쓰이며, RGB는 불투명도(alpha) 조절이 가미된 코딩에, HSL은 코드 레벨에서 명도나 채도를 점진적으로 수정하는 반응형 컴포넌트 변수 설계에 용이합니다.

한번 선택한 컬러 이력은 컴퓨터에 보관되나요?

추출 이력은 오직 현재 웹 브라우저 탭의 세션 메모리에만 일시적으로 보관되며 외부의 데이터베이스나 하드디스크에 영구 저장되지 않습니다. 탭을 새로고침하거나 닫으면 수집된 목록은 안전하게 제거됩니다.

투명 배경이 있는 PNG 이미지도 색상 추출이 가능한가요?

가능합니다. 알파 투명도 값을 기본 판독하므로 픽셀 자체의 투명 수준을 나타내며, 완벽하게 투명한 픽셀인 경우에는 웹 뷰의 뒷배경 대비를 감안하여 색을 도출해냅니다.

어떤 파일 확장자 포맷들을 지원하나요?

웹 브라우저가 화면상에 렌더링할 수 있는 파일 포맷을 모두 지원합니다. PNG, JPG, JPEG, WebP, GIF(첫 프레임 기준), BMP, SVG 등의 이미지 파일을 사용할 수 있습니다.