🎯 색상 추출
이미지에서 원하는 색상을 추출하세요 — 클릭하면 팔레트에 저장돼요
🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 Canvas getImageData pixel reading를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.
기능
- 픽셀 단위 정확한 추출 — 모든 픽셀 위에 마우스를 올리면 정확한 색상을 볼 수 있어요. 클릭하면 팔레트에 저장돼요.
- 다중 포맷 — HEX, RGB, HSL로 색상을 제공해요 — CSS, 디자인 도구, 코드에 바로 사용할 수 있어요.
- 팔레트 저장 — 최대 12개 색상의 팔레트를 구성하세요. 개별 색상이나 전체 팔레트를 복사할 수 있어요.
- 모든 이미지에서 — 사진, 스크린샷, 디자인 등 어떤 이미지 소스에서든 색상을 추출하세요.
작동 방식
- 이미지 업로드 — 색상을 추출할 이미지를 올려주세요.
- 호버하고 선택 — 이미지 위로 마우스를 움직여 색상을 미리보세요. 클릭하면 팔레트에 저장돼요.
- 복사하고 사용 — 저장된 색상을 클릭하면 HEX 코드가 복사돼요. "전체 복사"로 전체 팔레트를 복사하세요.
활용 사례
- 로고나 웹사이트 스크린샷에서 브랜드 색상 추출
- 디자인에서 특정 요소의 정확한 색상 찾기
- CSS 스타일시트용 HEX/RGB 값 얻기
- 영감을 위한 사진 기반 색상 팔레트 만들기
자주 묻는 질문
색상은 얼마나 정확한가요?
픽셀 단위로 완벽해요. Canvas에서 각 픽셀의 정확한 RGBA 값을 읽어요. 보이는 색상 그대로를 얻게 돼요.
RGB나 HSL 포맷으로 복사할 수 있나요?
색상을 클릭하면 HEX 코드가 복사돼요. RGB와 HSL 값은 미리보기 패널에 표시되어 선택하여 복사할 수 있어요.