컬러피커 – 이미지 색상 추출, HEX·RGB·HSL 확인

또는 이미지 한 장을 여기에 드롭하세요

JPG, PNG 또는 WebP · 최대 50MB

이미지는 브라우저에서 로컬로 분석됩니다.

이미지에서 정확한 색상 추출

픽셀 단위 선택

이미지 전체의 색상을 추측하지 않고 확대된 십자선으로 특정 픽셀을 정확하게 선택하세요.

HEX, RGB, HSL과 색상 팔레트

선택한 색상을 웹과 디자인에서 널리 쓰는 형식으로 복사하고 여러 색상을 저장한 뒤 이미지의 대표 색상을 살펴볼 수 있습니다.

기기에서 색상 분석

픽셀 선택과 팔레트 추출은 사진을 ImageNow 서버에 업로드하지 않고 기기에서 실행됩니다.

작동 원리

지원되는 이미지 한 장을 선택하거나 드롭합니다.
이미지 위에서 이동하고 확대된 십자선으로 원하는 픽셀을 정확하게 선택합니다.
HEX, RGB 또는 HSL 값을 복사하고 보관할 색상을 저장합니다.
선택한 색상을 추출된 이미지 팔레트와 비교하거나 다른 사진을 엽니다.

이미지에서 색상 코드를 확인하는 방법

사진을 선택하고 원하는 영역 위로 포인터를 옮긴 뒤 확대 화면에서 인접한 픽셀을 구분하세요. 픽셀을 선택하면 현재 색상이 바뀝니다. 디자인 도구, 스타일시트, 문서 또는 프레젠테이션에 필요한 형식을 복사하면 됩니다.

선택한 색상을 HEX, RGB와 HSL로 표시

HEX는 CSS와 디자인 시안을 전달할 때 널리 쓰이는 간결한 16진수 형식입니다. RGB는 빨강, 초록과 파랑 채널 값을 나열합니다. HSL은 색조, 채도와 명도를 나타내므로 값을 일정하게 조절하기 편할 수 있습니다. 형식을 바꿔도 선택한 색상은 달라지지 않습니다.

인접한 픽셀의 값이 서로 다를 수 있는 이유

사진에는 질감, 빛, 그림자, 압축 흔적과 앤티앨리어싱된 가장자리가 있어 한 영역처럼 보여도 가까운 픽셀 값이 다를 수 있습니다. 주변의 여러 지점을 선택해 필요한 값을 저장하세요. 대표 팔레트는 이미지의 전반적인 색상을 보여 주지만 정확한 픽셀 선택을 대신하지는 않습니다.

추출한 색상에 알맞은 대비 적용

사진에서 잘 어울리던 색도 글자로 쓰면 읽기 어려울 수 있습니다. 웹사이트나 문서에 사용할 때는 필요한 글자 크기에서 전경색과 배경색 조합을 검사하고 프로젝트에 해당하는 접근성 표준을 따르세요.

자주 묻는 질문

이미지에서 색상을 어떻게 추출하나요?

이미지를 선택하고 원하는 영역으로 이동한 뒤 확대된 십자선으로 한 픽셀을 찾아 선택하세요. 그러면 HEX, RGB 또는 HSL 값을 복사할 수 있습니다.

사진에서 HEX 코드를 확인할 수 있나요?

네. 불투명 픽셀은 여섯 자리 HEX로 표시되고, 투명도가 있는 픽셀은 알파 채널을 포함한 여덟 자리 HEX로 표시됩니다. RGB와 HSL 값에도 알파 값이 유지됩니다. 필요한 값 옆의 복사 버튼을 사용하세요.

HEX, RGB와 HSL은 무엇이 다른가요?

같은 색상을 표현하는 서로 다른 방식입니다. HEX와 RGB는 빨강, 초록과 파랑 채널을 나타내며 HSL은 색조, 채도와 명도를 나타냅니다.

추출한 색상을 여러 개 저장할 수 있나요?

네. 이미지를 살펴보면서 필요한 색상을 저장하면 같은 픽셀을 다시 찾지 않고 비교하거나 복사할 수 있습니다. 저장한 색상은 CSS 또는 TXT 파일로 다운로드할 수도 있습니다.

이미지에서 색상 팔레트도 추출하나요?

네. 이미지에서 계산한 대표 색상 8개를 표시합니다. 색상을 선택해 값을 확인하거나 정확한 위치의 색상이 필요하면 픽셀 단위 선택을 사용하세요.

추출한 색상이 예상과 조금 다른 이유는 무엇인가요?

빛, 그라데이션, 이미지 압축, 디스플레이 색상 관리와 앤티앨리어싱된 가장자리 때문에 가까운 픽셀의 값이 달라질 수 있습니다. 확대경을 사용해 주변의 여러 색상을 비교하세요.

두 색상의 접근성 대비도 확인할 수 있나요?

아니요. 이 페이지는 이미지 색상을 선택하고 형식을 변환합니다. 전용 접근성 대비 검사 도구로 실제 전경색과 배경색 조합을 확인하세요.

내 이미지가 업로드되나요?

아니요. 이미지 디코딩, 픽셀 선택과 분석은 ImageNow 서버 업로드 없이 브라우저에서 로컬로 실행됩니다.