100 100.tools
이미지 압축 도구 이미지 리사이저 이미지 형식 변환기 Image Cropper Image to Base64 Converter SVG to PNG Converter 이미지 워터마크 도구 EXIF 보기 및 제거 도구 파비콘 생성기 로컬 이미지 압축 및 변환기 배경색 제거 도구 픽셀 아트 메이커 ASCII 아트 생성기 헤드라인 포스터 만들기

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

이 컬러 팔레트 추출 도구는 무엇인가요?

이 도구는 로컬 이미지를 샘플링해 대략적인 대표 색상을 추출합니다. HEX, RGB, HSL 값을 복사하거나 팔레트를 CSS 변수로 내보낼 수 있습니다.

개인정보

이미지는 브라우저 안에 머뭅니다. 이 도구는 파일을 업로드하거나 서버에 저장하지 않습니다.

주요 기능

  • 이미지에서 대표 색상을 로컬로 추출
  • HEX, RGB, HSL 값 복사
  • CSS 사용자 지정 속성 생성
  • 팔레트 CSS 다운로드
  • 서드파티 라이브러리 없이 빠른 샘플링

사용 방법

  1. 이미지 추가

    JPG, PNG, WebP 이미지를 선택하거나 도구로 끌어오세요.

  2. 색상 수 선택

    팔레트에 포함할 색상 개수를 선택하세요.

  3. 색상 추출

    브라우저가 픽셀을 샘플링하고 비슷한 색상끼리 묶습니다.

  4. 값 복사

    스와치를 클릭하거나 생성된 CSS 변수를 복사하세요.

자주 묻는 질문

이미지가 업로드되나요?

아니요. 픽셀 샘플링은 브라우저 탭 안에서 이루어집니다.

색상이 정확한가요?

샘플링된 픽셀을 기준으로 한 대략적인 대표 색상입니다.

프로젝트에서 CSS를 사용할 수 있나요?

네. 생성된 CSS 변수를 복사하거나 다운로드할 수 있습니다.

왜 투명 픽셀은 무시되나요?

투명 픽셀은 보이는 색상에 기여하지 않기 때문에 건너뜁니다.

관련 도구

IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE 이미지 압축 도구 이미지를 로컬에서 압축합니다. IMAGE 이미지 리사이저 이미지를 크기, 비율, 프리셋으로 로컬 조정. IMAGE 이미지 형식 변환기 파일 업로드 없이 이미지 형식을 로컬에서 변환합니다. IMAGE Image to Base64 Converter Convert images to Data URI, CSS url() or raw Base64. SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE 이미지 워터마크 도구 브라우저의 이미지에 텍스트 또는 로고 워터마크를 추가합니다. IMAGE EXIF 보기 및 제거 도구 사진 메타데이터를 로컬에서 보고 제거합니다.