配色方案生成器
从基础颜色生成包含互补色、类比色等的精美配色方案
Base Color
Complementary
:root {
--color-1: #6366f1;
--color-2: #f2ef64;
}Analogous
:root {
--color-1: #64adf2;
--color-2: #6366f1;
--color-3: #a864f2;
}Triadic
:root {
--color-1: #6366f1;
--color-2: #f26467;
--color-3: #67f264;
}Split-Complementary
:root {
--color-1: #6366f1;
--color-2: #f2a864;
--color-3: #adf264;
}Monochromatic
:root {
--color-1: #080a5e;
--color-2: #0e11a4;
--color-3: #1418eb;
--color-4: #5b5df1;
--color-5: #a1a3f7;
}Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, split-complementary, and monochromatic — from any base color. Get HEX and RGB values for all colors.
Color harmony types explained
Complementary
Two colors opposite each other on the color wheel. High contrast, vibrant — great for buttons and CTAs.
Analogous
Three colors adjacent on the wheel. Low contrast, harmonious — great for backgrounds and illustrations.
Triadic
Three colors equally spaced on the wheel. Balanced and colorful — good for playful, energetic designs.
Monochromatic
Shades, tints, and tones of one hue. Elegant and cohesive — ideal for minimalist or branded designs.
继续探索
您可能喜欢的其他 开发者工具…
JSON格式化工具
使用语法高亮和错误检测格式化、验证和压缩JSON
Base64编码/解码
将文本或文件编码为Base64，并将Base64字符串解码为可读文本
URL编码/解码
编码和解码URL组件和查询字符串参数
UUID生成器
生成随机UUID（v1、v4）或批量生成多个UUID
哈希生成器
从文本或文件生成MD5、SHA-1、SHA-256、SHA-512哈希
正则表达式测试器
实时匹配高亮测试正则表达式并提取分组
JWT解码器
解码和检查JSON Web Token — 查看header、payload并验证签名
HTML格式化工具
使用正确缩进和语法高亮格式化和美化HTML代码