CoderTools

调色板生成器

生成和谐配色方案,创建渐变色和混合颜色

颜色混合器

混合两种颜色创建新颜色

RGB: 57, 153, 154

使用说明

调色板生成器帮助设计师和开发者创建和谐的配色方案。

功能特点

  • 颜色混合 - 将两种颜色按比例混合
  • 渐变生成 - 创建线性、径向、锥形渐变
  • 配色方案 - 基于色彩理论自动生成
  • 多格式导出 - CSS/SCSS/JSON/Tailwind

色彩理论

了解不同配色方案的原理:

单色配色:使用同一色相的不同明暗变化
互补色:色轮上相对的两种颜色
类似色:色轮上相邻的颜色
三角色:色轮上等距的三种颜色
分裂互补:一种颜色加上其互补色两侧的颜色
四角色:色轮上两组互补色

应用场景

网页和UI设计配色
品牌视觉识别设计
数据可视化图表配色
印刷品和海报设计
移动应用界面设计
演示文稿和信息图

设计建议

  • 60-30-10法则:主色60%、辅色30%、强调色10%
  • 确保足够的对比度以保证可读性
  • 考虑色盲用户,不要只依赖颜色传达信息
  • 保持配色方案的一致性