Color Picker from Image

이미지를 열고 클릭하면 HEX 완성. 확대 스포이드, RGB/HSL, 팔레트, 기록. Color picker from image, 오프라인.

🎨 스크린샷, 로고, 사진을 탭에 바로 끌어다 놓고 그 안에서 정확한 색을 꺼내 보세요. 읽는 것은 당신 파일의 실제 픽셀입니다. 서버 업로드 없음, 로그인 없음, 설치 시 권한 경고도 없습니다. 이 color picker from image가 하는 일은 그게 전부입니다. 그림을 열고, 마우스를 올리고, 클릭하면 — HEX 값이 이미 클립보드에 들어 있습니다. 값 하나 얻자고 무거운 디자인 툴을 켤 필요도, 클라이언트의 시안을 정체 모를 웹사이트에 붙여 넣고 정직한 답을 기대할 필요도 없습니다. 🚀 빠른 시작 1. 툴바 아이콘을 클릭하면 피커가 전용 탭에서 열립니다. 작업 공간이 넉넉합니다. 2. 이미지를 끌어다 놓거나, Ctrl+V를 누르거나, 파일을 선택하세요 — 일반적인 이미지 형식은 모두 열리며, 투명도도 지원됩니다. 3. 마우스를 올리고 클릭 — 이미지에서 HEX 코드를 뽑는 이 컬러 피커는 이미 값을 복사하고 화면에서 확인까지 마쳤습니다. 빈 화면이 처음 한 번 사용법을 설명해 주고, 그다음부터는 손이 기억합니다. 🔍 믿을 수 있는 줌 스포이드 루페는 파일의 픽셀을 원본 해상도 그대로 확대합니다. 그래서 집어낸 색은 비트맵에 실제로 존재하는 색입니다 — 이미지에서 HEX를 뽑는 컬러 피커라면 마땅히 그래야 하듯이. ➤ 커서 주변의 픽셀 그리드와 항상 표시되는 정확한 좌표 ➤ 방향키로 십자선을 정확히 1px씩, Ctrl+방향키로 10px씩 이동, Enter로 색 선택 ➤ 안티앨리어싱된 가장자리에 더는 속지 않습니다: 이미지에서 RGB를 읽는 컬러 피커는 흐릿한 재렌더링이 아니라 원본을 읽어야 합니다 ➤ 투명한 영역은 검정인 척하지 않고 투명하다고 정직하게 알려 줍니다 🎯 쓰는 포맷은 전부 지원 ▸ CSS와 Figma를 위한 HEX — 클릭 한 번이면 되는 이미지용 HTML 컬러 피커 ▸ RGB와 HSL을 나란히 표시하고 각각 따로 복사 가능 — 16진수 컬러 피커가 같은 패널에 ▸ 선택과 동시에 자동 복사, 눈에 보이는 확인 — 여기서 "클립보드에 복사됨"은 정말로 복사됐다는 뜻입니다 ▸ 패널은 다음 선택 때까지 값을 계속 보여 줍니다. 2초 만에 사라지는 일은 없습니다 🖼 팔레트, 그리고 기억하는 히스토리 이미지를 여는 순간 그림 전체에서 주요 색조 팔레트가 만들어집니다. 클라이언트가 "이 로고는 무슨 색들로 이루어져 있죠?"라고 물을 때 유용합니다. 게다가 각 견본은 아트워크에서 실제로 뽑아낸 색이며, 그림 어디에도 존재하지 않는 평균색이 끼어드는 일은 없습니다. 선택한 색은 모두 50칸짜리 히스토리에 저장되어 브라우저를 재시작해도 남아 있습니다. 1️⃣ 하루 종일 이미지 파일에서 색을 뽑아도 최근 50개는 그대로 2️⃣ 다음 날 팝업을 열면 어제의 견본이 그 자리에, 클릭 한 번이면 복사 3️⃣ 프로젝트가 끝나면 버튼 하나로 목록 비우기 📸 지금 보고 있는 페이지를, 한 장의 그림으로 열려 있는 사이트에서 색이 필요한가요? "이 페이지를 이미지로 캡처"(Grab this page as an image) 버튼을 팝업에서 누르면 현재 보이는 탭이 캡처되고 그 스냅샷이 같은 피커에서 열립니다 — 같은 루페, 같은 히스토리로요. 또는 페이지의 아무 그림이나 우클릭해 "이 이미지에서 색상 선택"("Pick color from this image")을 고르세요. 서버가 허용하면 진짜 픽셀을, 허용하지 않으면 렌더링된 스냅샷을, 그마저 막혀 있으면 알기 쉬운 안내를 보여 줍니다. 조용히 실패하는 일은 결코 없습니다. 알아 두면 좋은 조용한 요령도 하나 있습니다. 아무 데서나 그림을 우클릭해 "이미지 복사"("Copy image")를 고른 뒤 피커에 Ctrl+V. Chrome이 원본 해상도로 디코딩된 비트맵을 그대로 넘겨줍니다 — 추가 권한이 전혀 필요 없는 이미지 컬러 피커인 셈이죠. 🔒 구조적으로 프라이빗 ▪ 호스트 권한 없음, 설치 시 경고 화면 없음 — 방문 내용을 읽을 수 없고, 선택한 색은 로컬 스토리지에만 저장됩니다 ▪ 네트워크 요청 제로: 분석 도구 없음, CDN 폰트 없음, 어디로도 아무것도 보내지 않습니다 — DevTools를 열어 직접 확인해 보세요 ▪ 오픈 소스: 코드베이스 전체가 공개되어 있어 모든 줄을 읽을 수 있습니다 ▪ 오프라인에서도, 비행기 안에서도, 회사 프록시 뒤에서도 동작합니다 스크린샷에는 대시보드, 청구서, 미공개 디자인이 담기기 마련입니다. 이미지에서 색을 뽑아 주는 온라인 사이트들은 그런 파일의 업로드를 요구하지만, 이 확장 프로그램은 아무것도 업로드할 수 없습니다. 서버와 통신하는 코드 자체가 없기 때문입니다. 반대 방향도 마찬가지입니다. 온라인 컬러 피커는 운영자가 원하는 만큼 당신의 파일을 보관하지만, 여기서는 파일이 탭 밖으로 한 발짝도 나가지 않습니다. ⚖️ 정직한 범위 — 이것이 아닌 것 이 도구는 페이지를 뒤지는 스포이드가 아닙니다. CSS 변수를 읽지 않고, 웹사이트의 DOM을 클릭하며 돌아다니지도 않습니다. 컬러 휠도, 그러데이션 장난감도 아니고, 안에 Pantone 색상집이 들어 있지도 않습니다. 여기 있는 것은 좁지만 제대로 해낸 기술입니다: 그림, 스크린샷, 사진에서 픽셀 단위 정확도로 빠르게 색을 뽑는 일. 💬 1초의 습관 복사하고, 붙여넣고, 클릭 — color pick from image 전체 과정은 몇 초면 끝나며, 바로 그게 핵심입니다. 한 가지 일을 정확하게 해내고 조용히 물러나는 작은 도구니까요. 🧭 이런 사람들이 고정해 둡니다 ◦ 레퍼런스 사진이나 스캔한 브랜드북에서 색감을 맞추는 디자이너 ◦ 원하는 색의 HEX를 키 두 번 거리에 두고 싶은 프런트엔드 개발자 ◦ 스크린샷에서 UI 상태를 그대로 문서화하는 지원 엔지니어 ◦ 캠페인에 앞서 파트너 로고에서 브랜드 색을 뽑아내는 마케터 ◦ 무드보드에 색 이름표를 붙이는 일러스트레이터와 학생 답은 이미 그림 안에 있습니다. 이 도구는 그것을 꺼낼 뿐입니다 — 정확하게, 로컬에서, 몇 초 만에.