이미지 색상 팔레트

이미지에서 색상 팔레트를 추출하면 UI 디자인, 랜딩 페이지, 브랜드 무드 보드, CSS 변수, 소셜 그래픽, 프레젠테이션과 제품 페이지를 만들 때 유용합니다. 주요 색상을 활용해 시각적 일관성을 유지할 수 있습니다.

로고, 스크린샷, 사진, 제품 이미지, 일러스트나 참고 디자인을 불러와 생성된 HEX, RGB, HSL 및 CSS 사용자 지정 속성을 복사하세요. 샘플링은 브라우저에서 로컬로 실행됩니다.

색상 수와 샘플링 정밀도를 선택하세요.

간결한 브랜드 또는 UI 팔레트에는 적은 색상을 사용하고, 이미지에 의미 있는 강조색이 여러 개라면 색상 수를 늘리세요. 정밀 샘플링은 이미지를 더 자세히 검사하고 거친 샘플링은 큰 파일을 더 빠르게 처리합니다. 투명 픽셀은 잘못된 팔레트 색상으로 잡히지 않도록 제외됩니다.

결과를 사용하는 방법

추출된 색상은 주요 색상의 근삿값이며 원본 디자인 토큰이나 인쇄 색상값을 보장하지 않습니다. 텍스트와 컨트롤에 사용하기 전에 대비를 확인하세요. CSS 사용자 지정 속성을 복사하거나 바로 사용할 수 있는 .css 파일을 다운로드해 추가로 편집할 수 있습니다.