이미지에서 색 뽑기
그 그림이 무슨 색으로 되어 있는지를, 헥스 코드로.
여기에 파일을 끌어다 놓으세요
또는 클릭해서 기기에서 선택지원 형식: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF
1회 파일 1개파일당 최대 20MB하루 5회Pro로 제한 해제✓ 오프라인에서도 사용 가능
파일은 내 기기 밖으로 나가지 않습니다
이 도구는 브라우저 안에서만 작동합니다. 업로드도 저장도 하지 않으므로, 시작하기 전에 인터넷 연결을 끊어도 그대로 작동합니다.
사용 예시
사용 예제 — 이미지에서 색 뽑기
다음 입력과 설정으로 실행하세요.
| 항목 | 값 |
|---|---|
| 입력 | sample.png · 300 × 200 px |
| 출력 파일 수 | 2 |
| 출력 | sample-색상.txt |
| 출력 | sample-팔레트.png |
| 픽셀 | 1200 × 360 |
예상 결과 — 출력 파일 수: 2.
사용 방법
- 이미지를 추가합니다. 사진이든, 마음에 드는 사이트의 캡처든, 그림이든 상관없습니다.
- 뽑을 색의 개수를 고릅니다. 5가지면 팔레트, 12가지가 되면 목록에 가까워집니다.
- 목록이 나옵니다. 색마다 헥스 코드가 붙어 있어 그대로 붙여 넣을 수 있습니다.
- 이미지 위를 클릭하면 그 한 픽셀의 정확한 색이 나옵니다. 브랜드 색을 맞출 때는 이쪽입니다.
자주 묻는 질문
- 주요 색은 어떻게 고르나요?
- 이미지의 모든 픽셀을 색으로 묶어 큰 덩어리부터 꺼냅니다. 보기 좋은 배색이 아니라 그 그림이 실제로 무엇으로 되어 있는지가 돌아옵니다. 숲 사진이면 초록 일색인데, 실제로 초록 일색이기 때문입니다.
- 고른 색이 생각한 색과 조금 다릅니다.
- 한 픽셀을 집기 때문이고, JPEG 압축은 픽셀 하나하나를 조금씩 움직입니다. 가장자리 근처가 아니라 색이 고른 면의 가운데를 고르세요. JPEG보다 PNG가 더 정확합니다.
- RGB나 HSL로도 나오나요?
- RGB는 목록에 이미 있습니다. 한 줄마다 헥스 코드, rgb() 값, 이미지에서 차지하는 비율이 “#F6A04D rgb(246, 160, 77) 40%”처럼 나옵니다. HSL이나 CSS 변수가 필요하면 헥스 코드를 「색상 코드 변환」에 붙여 넣으세요.
- 이미지가 업로드되나요?
- 아니요. 브라우저 안에서 픽셀을 읽을 뿐이고 어디로도 보내지 않습니다.