무료 온라인 도구

이미지 색상 추출기

이미지에서 원하는 위치를 클릭해 해당 픽셀의 색상 값을 추출합니다.

이미지를 선택한 뒤 미리보기에서 색상을 알고 싶은 지점을 클릭하세요. 선택한 색상의 HEX, RGB, HSL과 좌표는 자동으로 복사됩니다.

화면 맞춤

처리 결과

결과가 여기에 표시됩니다.

선택한 이미지는 서버로 업로드되지 않으며, 현재 브라우저 안에서만 처리됩니다.

활용 예

  • 로고 이미지에서 브랜드 색상 HEX 값 확인
  • 캡처 이미지의 버튼 색상 추출
  • 디자인 시안의 배경색과 텍스트 색상 비교

색상 값 해석

HEX는 웹 CSS에서 쓰기 좋고, RGB는 화면 픽셀 값을 확인할 때 직관적입니다. HSL은 밝기와 채도를 조절하며 비슷한 색을 만들 때 유용합니다.

사용 방법

  1. 이미지 파일을 선택합니다.
  2. 미리보기 이미지에서 색상을 알고 싶은 지점을 클릭합니다.
  3. HEX, RGB, HSL 값을 확인하고 복사합니다.

예시

  • 예시 색상: #2563EB
  • RGB 예시: 37, 99, 235
  • HSL 예시: 221, 83%, 53%
  • CSS 사용 예: color: #2563EB;

계산 및 변환 기준

이미지 색상 추출은 브라우저 canvas에 그린 이미지에서 사용자가 클릭한 좌표의 픽셀 데이터를 읽어 HEX, RGB, HSL 값으로 변환합니다.

주의사항

이미지가 축소되어 보여도 실제 픽셀 기준으로 색상을 읽습니다. 반투명 픽셀이나 체크무늬 미리보기 위에서 보이는 색은 배경과 합성되어 보일 수 있습니다.

FAQ

HEX와 RGB는 무엇이 다른가요?

HEX는 CSS에 쓰기 쉬운 16진수 표기이고 RGB는 빨강, 초록, 파랑 값을 0부터 255로 표시합니다.

확대된 미리보기에서도 실제 픽셀 색상을 읽나요?

네. 화면에 맞춰 축소되어 보여도 실제 이미지 좌표의 픽셀 값을 읽도록 처리합니다.

반투명 픽셀은 어떻게 보이나요?

반투명 픽셀은 미리보기 배경과 섞여 보일 수 있으므로 HEX/RGB 값과 투명도 표시를 함께 확인하세요.

관련 도구

이미지 색상 대체

JPG, PNG, WebP 이미지에서 특정 색상을 선택하고 비슷한 색상 영역을 원하는 색상으로 한 번에 변경합니다. 이미지는 서버로 업로드되지 않고 브라우저에서 처리됩니다.

특정 색상 투명하게

JPG, PNG, WebP 이미지에서 특정 색상과 비슷한 영역을 투명하게 만들고 PNG 또는 WebP로 저장합니다. 이미지는 서버로 업로드되지 않습니다.

이미지 포맷 변환기

JPG, PNG/APNG, WebP, AVIF, GIF 프레임 ZIP, BMP, SVG, HEIC, TIFF, PNG 기반 ICO 이미지를 브라우저에서 변환합니다.

이미지 압축

JPG, PNG, WebP 이미지의 품질 값을 조정해 파일 용량을 줄입니다. 선택한 이미지는 서버로 업로드되지 않고 브라우저에서 처리됩니다.

이미지 아스키 아트 변환기

JPG, PNG, WebP 이미지를 흑백 또는 컬러 ASCII 아트로 변환합니다. 문자 세트와 크기를 조절하고 TXT, PNG, HTML 형식으로 저장할 수 있습니다.

이미지 워터마크 넣기

이미지에 텍스트 워터마크를 넣고 글꼴, 크기, 색상, 투명도와 회전을 설정하세요. 한 곳에 배치하거나 이미지 전체에 반복 배열로 넣을 수 있습니다.