사용 방법
이미지를 선택해 추출된 색상 코드를 복사하거나, 시작색·끝색과 방향을 조절해 미리보기와 CSS 코드를 확인하세요.
🎨
문서·파일
컬러 팔레트·그라데이션
사진에서 주요 색상 5개를 추출하고 CSS 그라데이션을 만들어요.
이미지를 올리면
색상 카드가 여기에 나타나요.
색상 카드가 여기에 나타나요.
도구 안내
이럴 때 사용하세요
내용 검토 · 2026-07-22
사진의 대표 색을 뽑아 디자인 팔레트를 만들거나 두 색 사이의 CSS 그라데이션을 시험할 때 사용합니다.
사용 전 확인
대표색은 이미지를 축소 샘플링한 결과라 작은 포인트 색이 빠질 수 있습니다. 화면과 인쇄물의 색은 색공간과 모니터 설정에 따라 달라요.
데이터 처리
입력과 파일은 이 브라우저 안에서 처리하며 작업을 위해 서버에 업로드하지 않습니다.