Glyph WidgetsGlyph Widgets
소개연락처개인정보약관Ko-fi에서 후원하기

© 2026 Glyph Widgets. 모든 권리 보유.

·

100% 클라이언트 측 처리

팔레트 생성기

마지막 업데이트: 2026년 3월 11일

색상 이론, 분위기 기반 생성, 그라데이션 보간, 이미지 색상 추출을 사용하여 아름다운 색상 팔레트를 만듭니다. 11가지 조화 유형, WCAG 접근성 대비 쌍, 색맹 미리보기, 20가지 분위기 프리셋 — 모두 100% 브라우저에서 처리됩니다.

#67aac7
#66aac7
#c78366
#66aac7(기본)
#c78366
공유

저장된 프리셋은(는) 서포터 전용 기능입니다.

도구 기록은(는) 서포터 전용 기능입니다.

도구 메모은(는) 서포터 전용 기능입니다.

기능

  • ▶보색, 삼색, 6색 조화를 포함한 11가지 색상 조화 유형
  • ▶모든 기본 색상에서 셰이드, 틴트, 톤 생성
  • ▶10가지 스타일(파스텔, 비비드, 네온, 주얼, 어스 등)의 제한 랜덤 팔레트
  • ▶접근성 디자인을 위한 WCAG AA/AAA 대비 쌍 생성
  • ▶최대 4개의 색상 스톱을 사용한 그라데이션 기반 팔레트
  • ▶k-means 클러스터링을 통한 업로드 이미지에서 주요 색상 추출
  • ▶감정, 계절, 스타일, 맥락에 걸친 20가지 분위기 기반 프리셋
  • ▶색맹 시뮬레이션(적색맹, 녹색맹, 청색맹, 완전색맹)
  • ▶JSON, CSS, Tailwind, SCSS 또는 ASE(Adobe)로 내보내기
  • ▶100% 클라이언트 측 — 데이터가 브라우저를 떠나지 않습니다

이 도구 사용 방법

1

모드 선택

색상 이론 규칙에는 조화, 알고리즘 방식에는 생성, 프리셋 기반 팔레트에는 분위기를 선택하세요.

2

옵션 설정

기본 색상을 선택하고, 조화 유형 또는 생성 방법을 선택하고, 단계 수나 제한 스타일 등의 매개변수를 조정하세요.

3

미리보기 & 조정

색맹 미리보기를 확인하고, 다양한 변형을 위해 재생성하거나, 모드를 전환하여 팔레트를 조정하세요.

4

복사 또는 내보내기

개별 색상을 복사하거나 전체 팔레트를 JSON, CSS, Tailwind, SCSS 또는 ASE로 내보내세요.

색상환 이론

색상 조화는 360° 색상환의 수학적 관계를 기반으로 하며, 보색부터 6색 조화까지 11가지 조화 유형이 있습니다.

HSL 변환

색상은 HSL(색조, 채도, 명도)로 변환되어 조화, 셰이드, 틴트, 분위기 기반 팔레트를 계산합니다.

생성 방법

조화 기반, 셰이드/틴트/톤, 제한 랜덤, WCAG 대비, 그라데이션 보간, 이미지 추출 또는 분위기 기반 생성 중에서 선택할 수 있습니다.

접근성

내장된 WCAG 대비 검사와 색맹 시뮬레이션으로 모든 사람에게 적합한 팔레트를 만들 수 있습니다.

자주 묻는 질문

보색은 색상환에서 반대편에 있는 색상(180° 간격)입니다. 높은 대비와 시각적 임팩트를 만들어 냅니다.

관련 도구

색상 블렌더

두 색상 혼합

색상 선택기

모든 색상 선택

대비 검사기

색상 대비 확인