配色方案生成器
从任意基准色生成和谐的配色方案。支持互补色、邻近色、三角色和单色方案。
Complementary
#6366F1#F1EE63Analogous
#63ADF1#6366F1#A763F1Triadic
#6366F1#F16366#66F163Split Complement
#6366F1#F1A763#ADF163Tetradic
#6366F1#F163AD#F1EE63#63F1A7Monochromatic
#0F13AC#1D21EB#6366F1#A1A3F7#D0D1FB什么是配色方案生成器?
色彩理论根据色轮上的位置来定义和谐的色彩关系。互补色位于相对的位置(180°)。邻近色彼此相邻(30°)。三角配色方案使用三种等距的颜色(120°)。本工具会从你选定的基准色出发计算出每一种方案,为你提供一个建立在成熟色彩理论之上的起始调色板。
常见问题
哪种方案最适合网站?▼
邻近色(相近的色调)传达出平静与统一感。互补色为行动号召营造强烈对比。单色方案是最稳妥的专业选择。
相关工具
颜色转换工具(HEX/RGB/HSL)
在HEX、RGB和HSL格式之间转换颜色。可视化选取颜色,或手动输入数值。
CSS Box Shadow生成器
以可视化方式创建CSS box-shadow值。实时预览并复制生成的CSS。
CSS渐变生成器
创建线性和径向CSS渐变。以可视化方式选择颜色,并复制生成的CSS。
Cubic Bezier缓动曲线生成器
为CSS创建cubic-bezier缓动曲线。内置标准预设。
CSS Border Radius生成器
以可视化方式创建复杂的CSS border-radius值。可独立控制每个圆角。
CSS Clamp()生成器
使用clamp()生成流式、响应式的CSS数值。在视口范围内于最小值与最大值之间平滑缩放。