이미지에서 색 추출
파일
이미지를 하나 선택한 뒤, 픽셀을 클릭하거나 돋보기로 색을 추출하세요.
파일을 여기에 놓거나
허용 형식: JPG, JPEG, JFIF, PNG, WEBP, GIF, BMP, TIFF, TIF, SVG, HEIC, HEIF, AVIF
모든 처리는 브라우저에서 이루어지며, 파일이 서버로 업로드되지 않습니다.
도구 상세 안내
로딩된 비주얼 그래픽 파일의 픽셀 좌표를 정밀 스캔하여 완벽한 색상 형식 코드들을 역추출해 냅니다. 고배율 루페(Loupe) 돋보기 조절 프레임과 마우스 좌표 매핑을 제공하여, 로고 심볼의 단 1픽셀 영역도 오차 없이 포착해 HEX, RGB/RGBA, HSL/HSLA, CMYK 코드로 복사합니다.
100% 로컬 보안 연산 작동 중
이 도구는 WebAssembly 및 로컬 브라우저 캔버스를 통해 기기 내부에서 작동합니다. 업로드되는 파일은 어떠한 외부 서버로도 전송되지 않아 절대적으로 안전합니다.
사용 방법
디자인 참고 자료, 웹 템플릿 스크린샷, 혹은 타깃 브랜드 로고 이미지를 로드합니다.
마우스를 올리거나 화면을 드래그하면 세그먼트 돋보기 루페가 활성화되어 픽셀을 고화질 확대해 줍니다.
색을 뽑아낼 위치를 정확히 짚어 마우스 클릭을 하고, 클립보드 복사 버튼으로 편리하게 코드를 획득합니다.
이럴 때 사용하세요
UI 프론트엔드 스타일링 가이드 싱크
디자이너에게 전달받은 메인 그래픽 목업 스크린샷 파일에서 시그니처 버튼 색이나 배경 그라데이션 값을 정밀하게 포착해 CSS 테일윈드 설정값에 반영합니다.
일상 스냅 및 풍경 사진 속 퍼스널 컬러 수집
아름다운 단풍, 가을 하늘, 자연 경치 스냅 사진에서 눈을 뗄 수 없는 자연스러운 매력적인 테마 컬러 코드를 수집해 나만의 감성 일러스트 팔레트를 빌드합니다.
실제 웹 디자인 퍼블리싱 정합성 검증
배포된 사이트 결과물의 크롭 이미지 영역을 짚어보고, 실제 렌더링된 물리 색상이 가이드상의 색상 HEX 규격과 완전 일치하는지 육안 및 수치로 최종 크로스 체크합니다.
자주 묻는 질문
웹 표준인 HEX (#RRGGBB 또는 투명도 포함 #AARRGGBB), 코딩용 RGB/RGBA, 웹 그래픽용 HSL/HSLA, 인쇄 출력용 CMYK 포맷을 모두 한 번에 계산 출력해 주며 각각 개별 퀵 복사 핫키를 갖췄습니다.
네! 컨트롤 패널의 줌 슬라이더 또는 Ctrl + 마우스 휠 스크롤 조작을 연계하여 1픽셀 격자가 선명히 보이는 울트라 정밀 레벨까지 확대 축소 배비가 가능합니다.