이미지를 여기에 드래그 앤 드롭
또는 클릭하여 업로드
Selected Color
이 도구를 사용하는 이유
디자이너와 개발자를 위한 전문 기능
Get precise colors for your designs.
1
고정밀 돋보기
커서를 따라다니는 내장 줌 렌즈로 복잡한 이미지에서도 극도의 정확성으로 개별 픽셀을 선택할 수 있습니다.
2
다중 포맷 출력
모든 선택에 대해 HEX, RGB, HSL 값을 즉시 제공하여 웹 개발과 크리에이티브 디자인 요구 모두를 충족합니다.
3
브라우저 처리를 통한 100% 프라이버시
기기의 로컬 성능을 활용하여 이미지를 처리합니다. 파일은 절대 업로드, 저장, 또는 서버에서 보지 않습니다.
4
히스토리 & 스와치 팔레트
최근 선택한 색상을 시각적 히스토리 목록에서 추적하여 한 세션에서 완전한 프로젝트 팔레트를 쉽게 구축하세요.
5
즉시 클립보드에 복사
모든 색상 코드에 대한 싱글 클릭 복사. 이미지에서 코드로 직접 데이터를 이동하여 CSS 및 디자인 워크플로우를 가속하세요.
6
모바일 친화적 인터랙티비티
스마트폰이나 태블릿의 사진 갤러리에서 즉석으로 탭하고 색상을 선택할 수 있는 터치 최적화 인터페이스.
픽셀 완벽한 색상 선택 가이드
Identify any color in seconds.
1
색상 샘플링을 위한 소스 선택
이미지를 도구에 드롭하거나 기기를 검색하세요. JPG, PNG, WebP 같은 모든 일반 포맷을 지원합니다.
2
돋보기 배치
검사하려는 영역 위로 커서를 이동하세요. 돋보기 도구가 픽셀 그리드의 확대된 보기를 보여줍니다.
3
픽셀 고정
원하는 정확한 픽셀을 클릭하세요. 도구가 결과 패널에 값을 고정하여 선택을 잃지 않도록 합니다.
4
포맷 선택
결과 패널에서 선택한 색상의 HEX 코드, RGB 세 쌍, HSL 값을 확인하세요.
5
복사 및 구현
선호하는 포맷 옆의 복사 아이콘을 클릭하세요. CSS, Photoshop, Canva 프로젝트에 직접 붙여넣으세요.
이미지 색상 피커: 색상 식별 FAQ
색상 피커의 정확도가 이미지 품질에 영향을 받나요?
네. 이미지가 심하게 압축되면(흐릿하면) 픽셀 색상이 약간 이동할 수 있습니다. 최상의 결과를 위해 고해상도, 비압축 이미지를 사용하세요.
HEX와 RGB의 차이점은 무엇인가요?
HEX는 주로 웹 개발에서 사용되는 16진수 코드입니다. RGB는 컴퓨터와 모니터가 색상 혼합을 정의하는 데 사용하는 숫자 세 쌍(0-255)입니다.
웹사이트에서 직접 색상을 선택할 수 있나요?
모든 웹사이트의 스크린샷을 찍어 도구에 업로드하여 색상을 찾을 수 있습니다. 많은 브라우저에도 이를 위한 내장 개발자 도구가 있습니다.
도구가 투명 PNG에서 작동하나요?
네. 투명 영역을 클릭하면 도구는 일반적으로 기본 캔버스의 색상(보통 흰색 또는 체크 무늬)을 반환합니다.
선택할 수 있는 색상 수에 제한이 있나요?
아니요, 필요한 만큼 많은 색상을 선택할 수 있습니다. 무료 온라인 도구에 제한이나 제약이 없습니다.
HEX 대신 HSL을 사용하는 이유는 무엇인가요?
HSL은 색상 조정에 더 직관적이고(예: 색상을 10% 더 어둡게 만들기), HEX는 인간이 읽기 어려운 컴퓨터 코드일 뿐입니다.
이 도구가 회사 로고에 안전한가요?
물론입니다. 이미지가 브라우저에 머물고 서버에 업로드되지 않으므로 민감한 회사 에셋이 비공개로 유지됩니다.
도구가 iPhone과 iPad에서 작동하나요?
네, 도구는 완전히 반응형이며 터치 이벤트를 사용하여 모바일 기기에서 색상 피킹이 가능합니다.
색상 팔레트를 나중을 위해 저장할 수 있나요?
히스토리 목록은 현재 세션 동안 사용 가능합니다. 장기 저장을 위해 HEX 코드를 문서에 복사하는 것을 권장합니다.
'픽셀'이 색상 측면에서 실제로 무엇을 나타내나요?
픽셀은 디지털 이미지의 가장 작은 단위입니다. 표준 이미지에서 빨강, 초록, 파랑 광 데이터로 구성된 단일 색상 값입니다.