이미지 컬러 피커
이미지를 올려 원하는 지점의 색을 집어요. HEX·RGB·HSL 복사와 대표 색 팔레트 추출.
이미지는 브라우저 안에서만 열려요. 서버로 전송되지 않아요.
이미지를 여기에 놓기클릭해서 고르거나 Ctrl+V로 붙여넣어도 돼요
이미지 컬러 피커 소개
이미지를 올려 원하는 지점의 색을 집어요. HEX·RGB·HSL·CMYK 값을 바로 복사할 수 있고, 이미지에서 가장 많이 쓰인 대표 색을 팔레트로 뽑아 줘요. 집은 색은 기록에 쌓여서 여러 지점을 비교하기 좋아요. 화면 캡처를 붙여 넣어 바로 쓸 수도 있어요.
색 표기법마다 쓰임이 달라요
HEX는 웹에서 가장 많이 쓰는 표기예요. 여섯 자리 열여섯 진수로 빨강·초록·파랑의 양을 적어요. 짧아서 코드에 넣기 편해요.
RGB는 세 색의 값을 0부터 255까지 숫자로 적어요. HEX와 같은 정보인데 계산하거나 투명도를 더할 때 다루기 쉬워요.
HSL은 색상·채도·밝기로 나눠 적어요. "같은 색인데 조금 더 밝게" 같은 조정이 직관적이라 디자인 시스템을 만들 때 편해요. CMYK는 인쇄용 표기라 인쇄소에 넘길 때 필요해요.
대표 색 팔레트를 쓰는 법
이미지에서 많이 쓰인 색을 묶어 대표값으로 뽑아 줘요. 로고나 일러스트처럼 색이 또렷한 이미지에서 결과가 특히 좋아요.
브랜드 이미지 한 장만 있으면 그 브랜드의 색 조합을 빠르게 알아낼 수 있어요. 발표 자료나 페이지를 그 톤에 맞출 때 유용해요.
사진에서는 비슷한 색이 여러 개 잡힐 수 있어요. 그중 대비가 뚜렷한 두세 가지만 골라 쓰는 편이 정리된 느낌을 줘요.
이미지 컬러 피커 사용 방법
- 이미지를 올리거나 Ctrl+V로 붙여 넣어요.
- 이미지 위를 움직이며 색을 미리 보고, 클릭해서 고정해요.
- HEX·RGB·HSL·CMYK 중 필요한 값을 눌러 복사해요.
- 대표 색 팔레트와 집은 색 기록으로 조합을 비교해요.
자주 묻는 질문
- 화면에서 본 색과 조금 달라요.
- 이미지에 담긴 색 그대로를 읽어요. 모니터 설정이나 색 프로필에 따라 눈에 보이는 느낌은 달라질 수 있어요.
- 대표 색은 어떻게 뽑나요?
- 이미지에서 많이 쓰인 색을 묶어 대표값으로 골라요. 사진보다 로고·일러스트에서 결과가 또렷해요.
- 올린 이미지가 서버로 가나요?
- 아니요. 브라우저 안에서만 읽어요.
- 휴대폰에서도 되나요?
- 네, 길게 눌러 움직이면 같은 방식으로 색이 집혀요.
- CMYK 값을 인쇄에 바로 써도 되나요?
- 참고용으로 봐 주세요. 실제 인쇄색은 용지와 잉크, 인쇄기에 따라 달라져서 인쇄소와 맞춰야 정확해요.
- 캡처한 화면에서도 색을 딸 수 있나요?
- 네, 캡처한 뒤 Ctrl+V로 붙여 넣으면 바로 집을 수 있어요.
알아 두면 좋은 점
- 화면 색은 모니터와 색 프로필에 따라 달라 보일 수 있어요.
- 집은 색 기록은 화면을 열어 둔 동안만 남아요.