🎨 カラーパレット 生成기

현업 디자이너를 ための 완전한 色 ツール - 色 이론부터 코드 生成까지

🎯 기본 色を選択

🌈 色 조화 이론

⚙️ 生成 옵션

🎨 生成된 팔레트

🔄 色 코드 変換기

♿ ウェブ 접근성 대비율 체크

전경색 (テキスト)

배경색

대비율 分석 結果

21:1
WCAG AA ✓ WCAG AAA ✓
샘플 テキスト 미리보기

💻 CSS/코드 生成

CSS 변수

:root { --primary-color: #667eea; --secondary-color: #764ba2; --accent-color: #f093fb; }

Sass/SCSS 변수

$primary-color: #667eea; $secondary-color: #764ba2; $accent-color: #f093fb;

JavaScript 객체

const colorPalette = { primary: '#667eea', secondary: '#764ba2', accent: '#f093fb' };

JSON 데이터

{ "palette": { "primary": "#667eea", "secondary": "#764ba2", "accent": "#f093fb" } }

🎭 스타日 프리셋

모던 컬렉션

자연 컬렉션

계절 컬렉션

🎨 カラーパレット 共有する

친구들과 生成한 カラーパレット를 共有해보세요!