이미지 색상 추출 · 팔레트
사진의 팔레트, 아니면 그 안 한 픽셀의 색.
HEIC 사진은 여기서 열지 못합니다. JPG로 먼저 바꾸세요: HEIC JPG 변환
이미지를 클릭하면 그 색을 읽습니다.
팔레트
- HEX
- RGB
- HSL
- 투명도
이미지를 열고 색을 클릭하세요.
전부 이 기기에서 처리합니다.
사용 방법
- 이미지를 끌어다 놓거나, 고르거나, 붙여넣으세요. 이 페이지에 그려서 쓰고 어디로도 보내지 않습니다.
- 팔레트가 색마다 차지하는 비율과 함께 나옵니다. 색 수는 5~10개로 조절합니다.
- 이미지의 한 곳을 클릭하면 그 픽셀 색을 읽고, 팔레트는 HEX 목록이나 CSS 변수로 복사합니다.
예시
스크린샷의 팔레트
색 여섯 개와 각각이 차지하는 비율이 많은 순서로 나옵니다. 축소한 사본에서 세기 때문에 사진도 시안만큼 빠릅니다.
그 색을 정확히
클릭하면 그 자리 5×5를 평균해서 읽습니다. 사진에서 한 픽셀은 원하던 색보다 노이즈인 경우가 많아서요. 정확한 한 점이 필요하면 "한 픽셀"로 바꾸세요.
스타일시트로
내보내기는 :root 안에 --color-1 … --color-6으로 적어 줍니다. 그 밖의 용도로는 HEX 목록이 있습니다.
아이폰에서 바로 꺼낸 사진
HEIC는 여기서 열리지 않습니다. 먼저 JPG로 바꿔 오면 다른 이미지와 똑같이 됩니다. HEIC JPG 변환
자주 묻는 질문
사진이 서버로 올라가나요?
아니요. 브라우저 안에서만 처리합니다. 이 페이지의 캔버스에 그려서 픽셀을 읽을 뿐이고, 파일은 기기를 떠나지 않습니다.
한 점의 정확한 색도 알 수 있나요?
클릭하거나 탭하면 그 픽셀의 HEX·RGB·HSL이 나옵니다. 기본은 클릭한 자리 5×5 평균이고, 한 점 값이 필요하면 "한 픽셀"로 바꾸면 됩니다.
비율(%)은 정확한가요?
축소본에서 비슷한 색을 묶은 근사값입니다. 어떤 색이 그림을 이루는지를 말해 주는 숫자이고, 특정 값의 픽셀이 몇 개인지 세는 건 아닙니다.
아이폰 HEIC 사진은요?
JPG·PNG·WebP는 바로 열립니다. HEIC는 열리지 않으니 JPG로 먼저 바꿔서 가져오세요. HEIC JPG 변환
색상 코드 변환기와 뭐가 다른가요?
이건 이미지에서 색을 뽑습니다. 이미 가진 색을 다른 형식으로 바꾸는 건 변환기 쪽이 맞습니다. 색상 변환기