이미지에서 주요 색상을 추출합니다
업데이트
최근 반영된 개선 사항
이미지를 드래그하거나 클릭하여 업로드
PNG, JPEG, WebP, GIF
고해상도 이미지일수록 더 정확한 색상을 추출할 수 있습니다
추출된 Primary 색상을 브랜드 메인 컬러로 활용하세요
텍스트와 배경 색상 조합이 WCAG 기준을 충족하는지 확인하세요
보색과 유사색을 활용해 조화로운 디자인을 만들 수 있습니다
CSS, Tailwind, SCSS 등 다양한 포맷으로 팔레트를 내보낼 수 있습니다
색상을 클릭하여 선택하고, 두 색상 간 대비율을 분석할 수 있습니다
색상 추출기는 이미지에서 주요 색상을 자동으로 추출하여 컬러 팔레트를 생성하는 도구입니다. 추출된 색상을 기반으로 색상 조화 분석, WCAG 접근성 검사, 브랜드 컬러 제안까지 제공하며, CSS/Tailwind/SCSS/JSON 형식으로 내보낼 수 있습니다.
이미지 업로드
이미지를 드래그하거나 클릭하여 색상을 추출할 이미지를 업로드하세요
팔레트 확인
자동으로 추출된 대표 색상과 컬러 팔레트를 확인하세요. 팔레트 크기를 조절할 수 있습니다
색상 분석
색상 조화, 접근성 분석을 확인하세요. 두 색상을 선택하면 대비율을 분석할 수 있습니다
내보내기
CSS, Tailwind, SCSS, JSON 형식으로 팔레트를 내보내거나 다운로드하세요
PNG, JPEG, WebP, BMP 등 브라우저에서 지원하는 대부분의 이미지 형식을 사용할 수 있습니다.
WCAG 2.1 가이드라인에서 정의한 텍스트와 배경 색상 간의 명도 대비 비율입니다. 일반 텍스트는 4.5:1 이상, 대형 텍스트는 3:1 이상이면 AA 등급을 충족합니다.
네, 팔레트 크기 설정을 통해 추출되는 색상의 수를 조절할 수 있습니다.
색상 조화는 색상환에서의 관계를 기반으로 한 색상 조합 원리입니다. 보색(180도), 유사색(인접), 삼색 조화(120도 간격) 등이 있으며, 디자인에서 조화로운 색상 조합을 만드는 데 활용됩니다.
네, CSS 변수, Tailwind 설정, SCSS 변수, JSON 형식으로 바로 내보낼 수 있어 개발에 즉시 활용 가능합니다.