DevTulz Online

调色板生成器

点击任意色块即可复制其十六进制值。
导出调色板

    
已复制!

什么是调色板?

调色板是一组精心挑选、和谐搭配的颜色,源于色彩理论。配色方案由色轮上各色调之间的关系定义:互补色(对立色调,高对比度)、类似色(相邻色调,和谐统一)、三角色(三个等间距色调)、四角色(四个组成矩形的色调)、分裂互补色(基础色加上其互补色两侧的两个颜色)以及单色(同一色调的不同明度)。调色板在 UI 设计、品牌建设和视觉艺术中至关重要,用于创建一致且吸引人的色彩组合。

如何使用调色板生成器

  • 使用拾色器选择基础色,或直接输入十六进制值(例如 #4f8ef7)。

  • 点击「随机」按钮生成随机基础色。

  • 选择配色方案:互补色、类似色、三角色、四角色、分裂互补色或单色。

  • 点击任意色块将其十六进制值复制到剪贴板。

  • 在「CSS 变量」、「十六进制数组」和「HSL」之间切换导出选项卡,选择所需格式。

  • 点击「复制」将完整调色板导出内容复制到剪贴板。