🎨 调色板 生成기

현업 디자이너를 为了 완전한 颜色 工具 - 颜色 이론부터 코드 生成까지

🎯 기본 选择颜色

🌈 颜色 조화 이론

⚙️ 生成 옵션

🎨 生成된 팔레트

🔄 颜色 코드 转换기

♿ 网页 접근성 대비율 체크

전경색 (文本)

배경색

대비율 分钟석 结果

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" } }

🎭 스타天 프리셋

모던 컬렉션

자연 컬렉션

계절 컬렉션

🎨 调色板 分享

친구들과 生成한 调色板를 分享해보세요!