색상 팔레트 추출기

이미지를 업로드하면 도구가 자동으로 이미지를 분석하여 K-평균 클러스터링을 사용하여 주요 색상을 추출합니다. 각 색상은 HEX, RGB 및 HSL 값으로 표시됩니다. 색상을 클릭하여 복사하세요.

예. 로고 이미지를 업로드하면 도구가 기본 및 보조 브랜드 색상을 식별하여 CSS, Tailwind 또는 Figma와 같은 디자인 도구에서 사용할 정확한 16진수 코드를 제공합니다.

WCAG(웹 콘텐츠 접근성 지침)는 텍스트와 배경색 간의 명암비를 정의합니다. 시각 장애가 있는 사용자가 일반 텍스트(AA 표준)를 읽을 수 있으려면 최소 4.5:1의 비율이 필요합니다.

이를 제어하면 슬라이더를 사용하여 3~12개의 주요 색상을 추출할 수 있으며 이미지에 얼마나 많은 시각적 공간과 생동감이 있는지에 따라 순위가 매겨집니다. 사진을 직접 클릭하여 정확한 픽셀 색상을 샘플링할 수도 있습니다.

예. 이 도구는 바로 사용할 수 있는 CSS 사용자 정의 속성 변수(--color-primary: #hex)와 프로젝트에 직접 붙여넣을 수 있는 Tailwind 구성 스니펫을 생성합니다.

사진을 업로드하면 도구가 주요 색상을 추출하여 각 색상을 디자인에 복사할 수 있는 HEX, RGB 및 HSL 값이 포함된 견본으로 표시합니다.

추출된 팔레트에는 모든 주요 색상에 대한 HEX(및 RGB/HSL) 코드가 나열되어 있으므로 정확한 값을 CSS 또는 디자인 도구에 복사할 수 있습니다.

예. 로고를 업로드하면 주요 색상이 식별되므로 브랜드 팔레트를 다시 구성할 수 있습니다. 추출은 브라우저에서 실행되어 이미지를 비공개로 유지합니다.

예: 추출기는 주요 색상을 디자인 도구에 직접 복사할 수 있는 16진수 값으로 반환합니다.