이미지 색상 추출
사진의 아무 픽셀이나 클릭해 정확한 색상을 확인하세요.
사진 위로 이동해 확대해 보고, 클릭해서 픽셀의 정확한 색을 고르세요.
브라우저에서 실행됩니다. 파일이 기기 밖으로 나가지 않습니다.
- HEX, RGB, HSL
- 정밀한 선택을 돕는 돋보기
- 주요 색상 팔레트
이미지에서 색상을 추출하는 방법
- 여기에 사진을 끌어다 놓으세요.
- 사진 위로 이동해 원하는 픽셀을 정확히 클릭하세요.
- HEX, RGB, HSL 값을 복사하세요.
HEX, RGB, HSL 설명
| 형식 | 예시 | 사용처 |
|---|---|---|
| HEX | #3B82F6 | CSS, 디자인 도구, 대부분의 스타일 가이드 |
| RGB | rgb(59, 130, 246) | CSS, 이미지 편집기 |
| HSL | hsl(217, 91%, 60%) | 명도나 채도 조정 |
주요 색상 팔레트를 만드는 방법
사진을 작은 작업 크기로 줄인 뒤, 색상 양자화라는 기법으로 색상을 약 8가지 대표 색조로 그룹화합니다. 이는 GIF나 팔레트 기반 PNG 출력을 위해 사진을 더 작은 팔레트로 줄일 때와 같은 방식입니다. 가장 시각적으로 눈에 띄는 색이 아니라, 가장 넓은 면적을 차지하는 색을 반영합니다.
정확하게 고르는 팁
- 클릭하기 전에 돋보기로 확대하세요. 커서 주변 픽셀을 확대해 보여주므로 원하는 픽셀을 정확히 맞출 수 있습니다.
- '기록'을 클릭해 같은 세션에서 이전에 고른 색상을 다시 사용하세요.
- 노이즈나 JPEG 아티팩트가 있는 사진이라면, 압축이 개별 픽셀을 바꿀 수 있는 가장자리보다 원하는 색의 평평한 영역에서 픽셀을 고르세요.
이미지 색상 추출 자주 묻는 질문
색상 추출이 얼마나 정확한가요?
커서 바로 아래 픽셀을 정확히 읽으며, 돋보기로 확대되어 정밀하게 위치를 맞출 수 있습니다.
주요 색상 팔레트는 무엇인가요?
사진 전체에서 가장 많이 나타나는 색상 약 8가지를 보여주며, 디자인을 사진에 맞출 때 유용합니다.
이미 골랐던 색상으로 돌아갈 수 있나요?
네. 클릭한 모든 색상이 '기록'에 저장되므로, 다시 클릭하면 HEX, RGB, HSL 값을 다시 불러올 수 있습니다.
사진이 업로드되나요?
아니요. 색상 추출은 브라우저에서 픽셀을 읽으므로 사진이 기기 밖으로 나가지 않습니다.
HEX와 RGB의 차이는 무엇인가요?
둘 다 완전히 같은 색을 다른 표기법으로 나타냅니다. HEX는 6자리 코드를 쓰고, RGB는 빨강, 초록, 파랑 값을 0에서 255로 풀어 씁니다. 사용 중인 도구나 CSS가 요구하는 쪽을 쓰세요.
HEX 대신 HSL을 쓰는 이유는 무엇인가요?
HSL은 색상의 색조, 채도, 명도를 분리하므로, RGB 세 값을 모두 다시 계산하지 않고 숫자 하나만 바꿔서 더 밝거나 더 차분한 색을 쉽게 만들 수 있습니다.
고른 색상이 JPEG 압축을 반영하나요?
아니요. 끌어다 놓은 파일에서 정확한 픽셀 값을 그대로 읽으며, JPEG 압축이 이미 만든 색상 변화까지 포함합니다. 가장 정확한 색을 원한다면 가장자리보다 평평한 영역에서 고르세요.