My Pocket Tools

调色板生成器

基于色彩理论原则生成精美的调色板

基础颜色
#3b82f6
调色板类型
生成的调色板
关于调色板
单色: 使用单一颜色的不同明暗与色调。营造和谐统一的视觉效果。
互补色: 使用色轮上彼此相对的颜色。营造高对比度且充满活力的设计。
邻近色: 使用色轮上彼此相邻的颜色。营造和谐悦目的组合。
三色组合: 使用色轮上均匀分布的三种颜色。营造充满活力又平衡的调色板。
四色组合: 使用排列成两对互补色的四种颜色。提供丰富的色彩变化。
分裂互补色: 使用一种基础颜色及其互补色两侧相邻的两种颜色。在保持对比度的同时减少张力。

什么是调色板生成器？

调色板生成器是一种基于色彩理论原则创建和谐颜色组合的工具。我们的调色板生成器帮助设计师和开发者为网站、品牌和设计创建专业的配色方案。只需选择一种基础颜色并选定调色板类型，即可生成相互协调、搭配得当的颜色。

调色板类型

  • 单色: 使用单一颜色的不同明暗与色调。营造和谐统一的视觉效果。
  • 互补色: 使用色轮上彼此相对的颜色。营造高对比度且充满活力的设计。
  • 邻近色: 使用色轮上彼此相邻的颜色。营造和谐悦目的组合。
  • 三色组合: 使用色轮上均匀分布的三种颜色。营造充满活力又平衡的调色板。
  • 四色组合: 使用排列成两对互补色的四种颜色。提供丰富的色彩变化。
  • 分裂互补色: 使用一种基础颜色及其互补色两侧相邻的两种颜色。在保持对比度的同时减少张力。

使用方法

  1. 使用颜色选择器选择基础颜色，或输入十六进制代码
  2. 根据您的设计需求选择调色板类型
  3. 对于单色调色板，调整颜色变化的数量
  4. 将您的调色板导出为 JSON、CSS 变量或 SCSS 变量

功能特点

  • 基于色彩理论的 6 种调色板类型（单色、互补色、邻近色、三色组合、四色组合、分裂互补色）
  • 可视化颜色选择器，轻松选择基础颜色
  • 以多种格式导出调色板：JSON、CSS、SCSS
  • 点击任意颜色即可将其用作新的基础颜色

相关工具