이미지 컬러 피커

이미지를 올려 원하는 지점의 색을 집어요. HEX·RGB·HSL 복사와 대표 색 팔레트 추출.

이미지는 브라우저 안에서만 열려요. 서버로 전송되지 않아요.

이미지를 여기에 놓기클릭해서 고르거나 Ctrl+V로 붙여넣어도 돼요

이미지 컬러 피커 소개

이미지를 올려 원하는 지점의 색을 집어요. HEX·RGB·HSL·CMYK 값을 바로 복사할 수 있고, 이미지에서 가장 많이 쓰인 대표 색을 팔레트로 뽑아 줘요. 집은 색은 기록에 쌓여서 여러 지점을 비교하기 좋아요. 화면 캡처를 붙여 넣어 바로 쓸 수도 있어요.

색 표기법마다 쓰임이 달라요

HEX는 웹에서 가장 많이 쓰는 표기예요. 여섯 자리 열여섯 진수로 빨강·초록·파랑의 양을 적어요. 짧아서 코드에 넣기 편해요.

RGB는 세 색의 값을 0부터 255까지 숫자로 적어요. HEX와 같은 정보인데 계산하거나 투명도를 더할 때 다루기 쉬워요.

HSL은 색상·채도·밝기로 나눠 적어요. "같은 색인데 조금 더 밝게" 같은 조정이 직관적이라 디자인 시스템을 만들 때 편해요. CMYK는 인쇄용 표기라 인쇄소에 넘길 때 필요해요.

대표 색 팔레트를 쓰는 법

이미지에서 많이 쓰인 색을 묶어 대표값으로 뽑아 줘요. 로고나 일러스트처럼 색이 또렷한 이미지에서 결과가 특히 좋아요.

브랜드 이미지 한 장만 있으면 그 브랜드의 색 조합을 빠르게 알아낼 수 있어요. 발표 자료나 페이지를 그 톤에 맞출 때 유용해요.

사진에서는 비슷한 색이 여러 개 잡힐 수 있어요. 그중 대비가 뚜렷한 두세 가지만 골라 쓰는 편이 정리된 느낌을 줘요.

이미지 컬러 피커 사용 방법

  1. 이미지를 올리거나 Ctrl+V로 붙여 넣어요.
  2. 이미지 위를 움직이며 색을 미리 보고, 클릭해서 고정해요.
  3. HEX·RGB·HSL·CMYK 중 필요한 값을 눌러 복사해요.
  4. 대표 색 팔레트와 집은 색 기록으로 조합을 비교해요.

자주 묻는 질문

화면에서 본 색과 조금 달라요.
이미지에 담긴 색 그대로를 읽어요. 모니터 설정이나 색 프로필에 따라 눈에 보이는 느낌은 달라질 수 있어요.
대표 색은 어떻게 뽑나요?
이미지에서 많이 쓰인 색을 묶어 대표값으로 골라요. 사진보다 로고·일러스트에서 결과가 또렷해요.
올린 이미지가 서버로 가나요?
아니요. 브라우저 안에서만 읽어요.
휴대폰에서도 되나요?
네, 길게 눌러 움직이면 같은 방식으로 색이 집혀요.
CMYK 값을 인쇄에 바로 써도 되나요?
참고용으로 봐 주세요. 실제 인쇄색은 용지와 잉크, 인쇄기에 따라 달라져서 인쇄소와 맞춰야 정확해요.
캡처한 화면에서도 색을 딸 수 있나요?
네, 캡처한 뒤 Ctrl+V로 붙여 넣으면 바로 집을 수 있어요.

알아 두면 좋은 점

  • 화면 색은 모니터와 색 프로필에 따라 달라 보일 수 있어요.
  • 집은 색 기록은 화면을 열어 둔 동안만 남아요.