이미지 색상 추출

회사 로고의 색을 알아야 하는데 디자인 파일이 없을 때, PPT 배색을 사진에 맞추고 싶을 때 씁니다. 이미지를 올리면 많이 쓰인 색부터 뽑아 HEX·RGB 코드로 보여 줍니다. 상자를 클릭하면 바로 복사됩니다.

HEX 와 RGB

HEX — #5F6AC7 처럼 우물 정 뒤에 여섯 자리. 웹·CSS·피그마에서 씁니다.
RGB — 95, 106, 199 처럼 빨강·초록·파랑 값. 파워포인트·워드·한글에서 다른 색 → 사용자 지정에 넣는 값입니다.

둘은 같은 색을 다르게 적은 것뿐입니다. 이 도구는 두 가지를 함께 보여 주니 쓰는 프로그램에 맞춰 고르세요.

넓이 — 화면에서 차지하는 면적이 큰 색부터 뽑습니다. 로고나 브랜드 색을 찾을 때 정확합니다.
선명함 — 채도가 높은 색을 앞으로 올립니다. 풍경 사진에서 노을의 주황 같은 포인트 색을 찾을 때 씁니다. 넓이로 뽑으면 하늘색·회색만 나오는 경우에 바꿔 보세요.

흰 배경 로고라면 회색·흰색·검정 빼기를 켜세요. 배경이 면적의 대부분이라 그냥 뽑으면 흰색만 잔뜩 나옵니다.

그림을 직접 클릭하세요. 그 지점의 색을 그대로 집어냅니다. 대표 색 목록은 비슷한 색을 묶어 평균을 낸 값이라 원본의 특정 픽셀과는 미세하게 다를 수 있습니다. 로고 색을 정확히 맞춰야 한다면 클릭해서 뽑으세요.

배경색 위에 글씨를 올릴 때 흰 글씨가 나은지 검은 글씨가 나은지를 밝기로 판단해 알려 줍니다. 배너나 표 머리글 색을 정할 때 참고하세요. 밝기가 중간쯤이면 어느 쪽도 잘 안 보이므로, 배경색을 더 밝거나 더 어둡게 조정하는 편이 낫습니다.

올라가지 않습니다. 브라우저 안에서만 픽셀을 읽습니다. 인터넷을 끊어도 동작합니다.

JPG로 저장된 이미지는 압축 과정에서 색이 미세하게 번집니다. 로고는 되도록 PNG 원본으로 올리세요. 그리고 목록의 대표 색 대신 이미지를 직접 클릭해서 뽑으면 더 정확합니다.

도형이나 글자를 고른 뒤 채우기 → 다른 채우기 색 → 사용자 지정에서 RGB 값을 넣으세요. 최신 버전에는 HEX 입력칸도 있습니다.

뽑은 색으로 도장을 만들려면 도장 만들기, 문서에 넣을 사진을 정리하려면 이미지 용량 줄이기를 쓰세요.