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