인기 색상 도구
디자이너와 개발자가 가장 많이 사용하는 도구입니다.
색상 선택기｜이미지에서 HEX·RGB·HSL 값을 바로 추출
이미지의 원하는 지점에서 색상을 직접 선택해 HEX·RGB·HSL 값을 즉시 확인하고 라이브 미리보기로 코드를 복사할 수 있습니다.
이미지 색상 추출｜주요 색상을 HEX·RGB로 자동 추출
사진에서 주요 색상을 자동으로 추출해 HEX·RGB 코드가 담긴 깔끔한 팔레트를 만들고 디자인 작업에 바로 복사하거나 내보낼 수 있습니다.
팔레트 생성기｜이미지에서 조화로운 HEX 배색 생성
어떤 이미지에서든 완전하고 조화로운 색상 팔레트를 생성하고 편집 가능한 HEX·RGB 코드로 웹과 UI에 바로 내보낼 수 있습니다.
지배적인 색상｜이미지의 주요 톤을 HEX·RGB로 추출
이미지를 분석해 지배적인 색상을 점유율과 함께 파악하고 정확한 HEX·RGB 코드를 얻어 디자인에 그대로 재사용할 수 있습니다.
유사 색상 검색｜기준 색과 가까운 톤과 근접색 탐색
HEX나 RGB 기준 색에서 가까운 색조와 유사한 톤을 다수 찾아 즉시 미리보기와 코드로 조화로운 배색을 손쉽게 구성할 수 있습니다.
색상 변환｜HEX·RGB·HSL·HSV·CMYK·OKLCH·LAB 상호 변환
색상을 HEX·RGB·HSL·HSV·CMYK·OKLCH·LAB 형식 간에 즉시 상호 변환하고 정확한 값과 라이브 미리보기로 코드를 복사할 수 있습니다.
명암비 검사｜텍스트와 배경의 WCAG AA·AAA 판정
두 색상 간의 명암비를 측정해 텍스트와 UI의 WCAG AA·AAA 준수 여부를 즉시 판정하고 접근성 개선 제안을 함께 보여줍니다.
팔레트 내보내기｜CSS·SCSS·JSON·ASE 형식 지원
완성한 팔레트를 CSS·SCSS·JSON·ASE 형식으로 한 번에 내보내 웹 작업과 Figma에 색상 코드를 바로 가져올 수 있습니다.
색상 미리보기｜실제 UI 디자인에서 배색 표현 확인
HEX와 RGB 색상이 실제 UI에서 어떻게 보이는지 미리보기로 확인하고 텍스트·배경·컴포넌트를 적용 전에 점검할 수 있습니다.
색상 다운로드｜색상 팔레트를 PNG 이미지로 저장
팔레트를 읽기 쉬운 HEX 코드가 담긴 PNG 이미지로 저장해 배색과 무드보드를 팀과 손쉽게 공유하기에 좋습니다.
색상 공유｜고유 링크로 색상 팔레트를 전송하고 공유
모든 HEX·RGB 코드를 유지하는 고유 링크로 팔레트를 공유해 동료와 클라이언트가 같은 배색을 즉시 열어볼 수 있습니다.
색상 조화｜보색·삼색·유사·사색 배색 조화 탐색
기준 색에서 보색·삼색·유사·사색 배색 조화를 탐색하고 색상환 미리보기와 배색별 HEX 코드를 함께 제공합니다.
사용 방법
3단계로 전문 팔레트를 생성하세요.
업로드 또는 선택
이미지를 업로드하거나 기본 색상을 선택하세요.
팔레트 생성
알고리즘이 색상 조화를 분석하고 생성합니다.
내보내기 & 사용
CSS, Tailwind, SCSS로 내보내거나 공유하세요.
선택 이유
브라우저에서 사용하는 전문 색상 도구.
팔레트 생성기
이미지에서 완전한 색상 팔레트를 생성합니다.
색상 대비
WCAG 접근성을 위한 대비 비율을 확인합니다.
색상 변환
HEX, RGB, HSL, CMYK 형식 간 색상을 변환합니다.
팔레트 내보내기
CSS, JSON, ASE 형식으로 팔레트를 내보냅니다.
색상 조화
보색, 삼색 등 다양한 조화를 탐색합니다.
CSS 그라디언트
선형, 방사형, 원뿔형 CSS 그라디언트를 생성합니다.
자주 묻는 질문
색상 도구에 대해 알아야 할 모든 것
네, 모든 기본 색상 도구는 완전 무료입니다. 이미지에서 색상을 추출하고, 팔레트를 생성하고, 형식 간(HEX, RGB, HSL) 변환 등을 무료로 할 수 있습니다. 프리미엄 기능은 전문 사용자를 위한 고급 옵션을 제공합니다.
매우 간단합니다! 색상 추출 도구에 이미지를 업로드하면 알고리즘이 자동으로 지배적인 색상을 분석합니다. 각 색상의 HEX, RGB, HSL 코드를 즉시 확인하고 클릭 한 번으로 복사할 수 있습니다.
아니요, 절대 저장되지 않습니다! 100% 로컬 기술 덕분에 모든 처리가 브라우저에서 직접 이루어집니다. 이미지가 기기를 떠나지 않으므로 파일의 완전한 개인 정보 보호가 보장됩니다.
모든 일반 색상 형식을 지원합니다: HEX(#FFFFFF), RGB(255, 255, 255), HSL(0°, 0%, 100%), HSV, 인쇄용 CMYK, CSS 색상 이름까지. 이 모든 형식 간에 자유롭게 변환할 수 있습니다.
물론입니다! 도구를 사용하여 팔레트를 CSS 변수, Tailwind 구성, SCSS 또는 JSON으로 직접 내보낼 수 있습니다. 개발 프로젝트에 색상을 쉽게 통합하세요.
WCAG 대비 도구를 사용하여 색상 조합의 가독성을 확인하세요. 대비 비율을 자동으로 계산하고 색상이 AA 및 AAA 접근성 표준을 충족하는지 알려줍니다.