调色板生成器
生成和谐配色方案，创建渐变色和混合颜色
颜色混合器
混合两种颜色创建新颜色
使用说明
调色板生成器帮助设计师和开发者创建和谐的配色方案。
功能特点
- 颜色混合 - 将两种颜色按比例混合
- 渐变生成 - 创建线性、径向、锥形渐变
- 配色方案 - 基于色彩理论自动生成
- 多格式导出 - CSS/SCSS/JSON/Tailwind
色彩理论
了解不同配色方案的原理：
应用场景
设计建议
- 60-30-10法则：主色60%、辅色30%、强调色10%
- 确保足够的对比度以保证可读性
- 考虑色盲用户，不要只依赖颜色传达信息
- 保持配色方案的一致性
常见问题解答
一个好的网站或应用配色方案需要满足哪些条件？
优秀的配色方案通常遵循“60-30-10”原则：60% 主色（背景和大面积区域）、3 0% 辅助色（侧边栏、卡片和标题区域）、1 0% 点缀色（按鈕、链接和行动召唤元素）。将核心色调限制在 2～4 种内可保持设计局面的整体一致性。此外还必须检查文本与背景之间的对比度，确保小字体和色盲用户也能清晰阅读。
互补色、类似色和三角配色有什么区别？
这三种是色轮上常见的色彩和谐关系。互补色位于色轮正对面（如蓝色与橙色），对比强烈、充满活力；类似色在色轮上相邻（如蓝色、蓝绿和绿色），葷造，柔和、安静的视觉效果；三角配色在色轮上均匀分布，平衡中带有丰富的视觉层次感。不同的配色模式会赋予设计不同的情感气调。
如何从图片中提取配色方案？
大多数配色工具会对图片进行像素采样，再用 K均値或中位切分等算法将相近色彩聚类，最终提取代表图片整体调性的主导颜色。您只需上传图片并设定提取的色彩数量，工具就会自动生成色彩色调，随后可导出 Hex 标注，直接在 CSS 或设计软件中使用。
RGB 和 HSL 色彩模型有什么区别？
RGB（红、绿、蓝）将颜色表示为三个光通道的混合，每个通道值为 0～255，是显示器实际发增色光的方式。HSL（色调、饱和度、明度）更符合人类设计思维：色调是 0～360° 的色相角，饱和度控制颜色的鲜艳程度，明度则从纯黑到纯白。利用 HSL 可以轻松创建任意基色的淡色调（加白）、深色调（加黑）和中性色调（加灰）。
为什么打印出来的颜色和屏幕上看到的不一样？
屏幕使用加法混色（RGB），红、绿、蓝光全强叠加就得到白色。打印机使用减法混色（CMYK），色水吸收光线彡显暗色调。打印可再现的色域比显示器小，因此鲜艳荧光或高饱和度的颜色在纸张上往往显得暴谝。制作印刷物料前，建议先预览 CMYK 色彩效果。