CN104199994A - 交互式和谐的配色方法 - Google Patents
交互式和谐的配色方法 Download PDFInfo
- Publication number
- CN104199994A CN104199994A CN201410319598.0A CN201410319598A CN104199994A CN 104199994 A CN104199994 A CN 104199994A CN 201410319598 A CN201410319598 A CN 201410319598A CN 104199994 A CN104199994 A CN 104199994A
- Authority
- CN
- China
- Prior art keywords
- color
- principle
- familial
- meet
- contrast
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Processing Or Creating Images (AREA)
- Toys (AREA)
Abstract
本发明公布了一种基于图形交互技术的和谐色彩搭配方案生成方法。该方法在HSL色彩空间基础上，规定构成色彩搭配方案的各个颜色的色相、纯度和明度三个要素参数分别符合两个原则：家族性原则和等距梯度对比原则。该原则使本方法生成的色彩搭配方案都符合色彩和谐规律，保证了色彩搭配方案的和谐度。本方法以交互色彩方案生成工具的方式实施。用户通过图形界面调节色相、纯度和明度轴上的参数，以构成符合上述原则的色彩要素组合方式，系统即时生成符合用户需要的和谐色彩搭配方案。系统同时提供配色方案的各颜色参数值和即时图案着色预览功能。本发明具有交互界面直观、工作流程简洁、色彩关系编辑方式高效和色彩和谐度稳定等优点。
Description
技术领域
本发明属于计算机辅助设计领域和色彩设计领域，涉及和谐色彩搭配方案的自动和交互式生成方法。
背景技术
现有的色彩搭配设计方法中，保证色彩方案和谐主要有三条途径：依靠设计师对色彩的感性判断；依照既有艺术作品中的色彩搭配方案或色彩搭配参考书中给出的搭配方案；及依据和运用色彩理论中的色相对比规律和原则。
现有的色彩方案搭配方法和工具存在如下缺点：受制于设计师感觉的不稳定性和设计师的个人专业素养；设计过程中难以预测最终效果，在填色预览阶段总是频繁地返工，影响工作效率；设计工具的交互界面不够直观，用户体验不佳，设计出的方案难以符合用户的要求，但又不便修改。
发明内容
本发明克服了现有技术的上述缺点，提出了一种直观、高效、稳定地保证色彩和谐的色彩搭配方法。
为了保证色彩方案的全局性和谐度，本方法建立在两个原则之上：色彩家族性原则和梯度对比原则。
色彩的家族性原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中保证有一到两个维度的参数一致(色相值相等、纯度值相等或明度值相等)。
色彩的梯度对比原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中保证有一到两个维度的参数遵循等跨度分布，使各颜色的对比在同一要素维度上呈等值梯度对比。图1－3分别示意了色相、纯度和明度三个维度的梯度对比原理。
两种原则的叠加：在一个配色方案中，只有一个色彩要素维度符合家族性原则，其他两个维度都符合梯度对比原则；或两个色彩要素维度符合家族性原则，只有一个维度符合梯度对比原则。通过色彩家族性原则和梯度对比原则叠加形成下列六种色彩搭配组合方式：
色相符合家族性原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合家族性原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合家族性原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合梯度对比原则、明度符合家族性原则。
在HSL色彩空间中，保证色相、纯度和明度三要素关系服从色彩的家族性原则和梯度对比原则，以实现这两种原则的六种色彩搭配组合方式。本方法基于HSL色立体的可视化交互操作和计算。
本发明所述的交互式和谐配色方法包括如下实现步骤：
1.在本方法实施工具运行的状态下，在文件菜单栏中选取导入命令，导入需要设计和着色的位图图片；
2.根据要设计的方案要求，在选择菜单栏中选择相应的颜色套数；
3.在色调倾向调节区中拖动游标设定色相、纯度和明度上的参数值，确定色彩方案的整体色彩倾向；
4.在色彩对比度与限制调节栏中勾选色相、纯度和明度轴中的一到两项，所有颜色的在被勾选轴上的值因此被设定为完全相等(即符合色彩家族性原则),未勾选轴的值呈等差值梯度对比(即符合梯度对比原则)，因而将家族性原则和梯度对比原则结合起来，形成下列六种色彩搭配方式:
色相符合家族性原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合家族性原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合家族性原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合梯度对比原则、明度符合家族性原则；
5.在色彩对比度与限制调节栏中拖动未勾选轴的游标调节各颜色在此轴向上的总体对比跨度，以设定色彩方案的对比强度；
6.在色标显示区按照色彩方案对比轴的维度值次序，排列显示各个颜色的色标小样，并在每个色标下面显示该颜色的RGB值和HSL值；
7.在色标显示区交替单击各个色标，以交换对应的填色区域，调整图案的色彩布局；
8.在文件菜单栏中选择保存命令，保存着色预览区呈现的当前着色方案。
进一步，步骤第4的色彩家族性原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中有一到两个维度的参数一致(色相值相等、纯度值相等或明度值相等)，其他一到两个维度的参数均匀分布。
进一步，步骤第4的色彩梯度对比原则：在一个配色方案中，各颜色的对比符合色相、纯度、或明度轴上均匀分布，形成各颜色在同一要素维度上的等差值梯度分布。
本发明具有如下优点：直观的交互界面、简洁的工作流程、高效的色彩关系编辑方式和稳定的色彩和谐保证。
附图说明
图1。色相梯度对比原则示意图。
图2。纯度梯度对比原则示意图。
图3。明度梯度对比原则示意图。
图4。本发明的用户使用流程图。
图5。本方法具体实施的软件界面。
具体实施方式
参照附图：
为了保证色彩方案的全局性和谐度，本方法建立在两个原则之上：色彩家族性原则和梯度对比原则。
色彩的家族性原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中保证有一到两个维度的参数一致(色相值相等、纯度值相等或明度值相等)。
色彩的梯度对比原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中保证有一到两个维度的参数遵循等跨度分布，使各颜色的对比在同一要素维度上呈等值梯度对比。图1－3分别示意了色相、纯度和明度三个维度的梯度对比原理。
两种原则的叠加：在一个配色方案中，只有一个色彩要素维度符合家族性原则，其他两个维度都符合梯度对比原则；或两个色彩要素维度符合家族性原则，只有一个维度符合梯度对比原则。通过色彩家族性原则和梯度对比原则叠加形成下列六种色彩搭配组合方式：
色相符合家族性原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合家族性原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合家族性原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合梯度对比原则、明度符合家族性原则。
依据上述方法，本发明的实施以HSL色立体的可视化交互操作和计算为基础，通过保证色彩方案的色相、纯度和明度三要素关系服从色彩的家族性原则和梯度对比原则，并实现这两种原则的六种色彩搭配组合方式，以保证用户在此规则框架内通过调整色彩全局关系获得的任意色彩搭配方案一定和谐。图4为本发明的工作原理与基本流程。
下面结合图4的基本流程和图5呈现的案例介绍用户使用本方法设计色彩方案的全过程：
1.在本方法实施工具运行的状态下，在文件菜单栏中选取导入命令，导入需要设计和着色的位图图片；
2.根据要设计的方案要求，在选择菜单栏中选择相应的颜色套数；
3.在色调倾向调节区中拖动游标设定色相、纯度和明度上的参数值，确定色彩方案的整体色彩倾向；
4.在色彩对比度与限制调节栏中勾选色相、纯度和明度轴中的一到两项，所有颜色的在被勾选轴上的值因此被设定为完全相等(即符合色彩家族性原则),未勾选轴的值呈等差值梯度对比(即符合梯度对比原则),因而将家族性原则和梯度对比原则结合起来，形成下列六种色彩搭配方式:
色相符合家族性原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合家族性原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合家族性原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合梯度对比原则、明度符合家族性原则；
5.在色彩对比度与限制调节栏中拖动未勾选轴的游标调节各颜色在此轴向上的总体对比跨度，以设定色彩方案的对比强度；
6.在色标显示区按照色彩方案对比轴的维度值次序，排列显示各个颜色的色标小样，并在每个色标下面显示该颜色的RGB值和HSL值；
7.在色标显示区交替单击各个色标，以交换对应的填色区域，调整图案的色彩布局；
8.在文件菜单栏中选择保存命令，保存着色预览区呈现的当前着色方案。
步骤第4的色彩家族性原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中有一到两个维度的参数一致(色相值相等、纯度值相等或明度值相等)，其他一到两个维度的参数均匀分布。
步骤第4的色彩梯度对比原则：在一个配色方案中，各颜色的对比符合色相、纯度、或明度轴上均匀分布，形成各颜色在同一要素维度上的等差值梯度分布。
本流程中，用户可以视色彩效果满意度反复步骤3到步骤6的流程，直至获得满意的色彩搭配方案。另外，图5a区域提供了基于HSL色彩空间更为直观的色彩关系调整游标系统。用户可以直接在该区域完成与普通流程中步骤3到步骤6的调整任务。这两种调整方式是等价的。
Claims (3)
1.一种基于HSL色立体可视化的交互式和谐配色方法，包括如下步骤：
1)在本方法实施工具运行的状态下，在文件菜单栏中选取导入命令，导入需要设计和着色的位图图片；
2)根据要设计的方案要求，在选择菜单栏中选择相应的颜色套数；
3)在色调倾向调节区中拖动游标设定色相、纯度和明度上的参数值，确定色彩方案的整体色彩倾向；
4)在色彩对比度与限制调节栏中勾选色相、纯度和明度轴中的一到两项，所有颜色的在被勾选轴上的值因此被设定为完全相等(即符合色彩家族性原则),未勾选轴的值呈等差值梯度对比(即符合色彩梯度对比原则),因而将家族性原则和梯度对比原则结合起来，形成下列六种色彩搭配方式:
色相符合家族性原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合家族性原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合家族性原则；
色相符合家族性原则、纯度符合梯度对比原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合家族性原则、明度符合梯度对比原则；
色相符合梯度对比原则、纯度符合梯度对比原则、明度符合家族性原则；
5)在色彩对比度与限制调节栏中拖动未勾选轴的游标调节各颜色在此轴向上的总体对比跨度，以设定色彩方案的对比强度；
6)在色标显示区按照色彩方案对比轴的维度值次序，排列显示各个颜色的色标小样，并在每个色标下面显示该颜色的RGB值和HSL值；
7)在色标显示区交替单击各个色标，以交换对应的填色区域，调整图案的色彩布局；
8)在文件菜单栏中选择保存命令，保存着色预览区呈现的当前着色方案。
2.根据权利要求1中第4)点的色彩家族性原则：在一个配色方案中，各颜色的色相、纯度、和明度三维度中有一到两个维度的参数一致(色相值相等、纯度值相等或明度值相等)，其他一到两个维度的参数均匀分布。
3.根据权利要求1中第4)点的色彩梯度对比原则：在一个配色方案中，各颜色的对比符合色相、纯度、或明度轴上均匀分布，形成各颜色在同一要素维度上的等差值梯度分布。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410319598.0A CN104199994A (zh) | 2014-07-07 | 2014-07-07 | 交互式和谐的配色方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410319598.0A CN104199994A (zh) | 2014-07-07 | 2014-07-07 | 交互式和谐的配色方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104199994A true CN104199994A (zh) | 2014-12-10 |
Family
ID=52085287
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410319598.0A Pending CN104199994A (zh) | 2014-07-07 | 2014-07-07 | 交互式和谐的配色方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104199994A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104899347A (zh) * | 2015-04-10 | 2015-09-09 | 中国美术学院 | 面向用户偏好的配色方法 |
| CN105279778A (zh) * | 2015-10-12 | 2016-01-27 | 深圳市金立通信设备有限公司 | 一种图片填色方法及终端 |
| CN109240782A (zh) * | 2018-08-27 | 2019-01-18 | 上海宝尊电子商务有限公司 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040161727A1 (en) * | 2003-02-05 | 2004-08-19 | Brodine Michael L. | System and method for selecting colors and patterns for desing using a virtual environment |
| CN102637236A (zh) * | 2012-05-03 | 2012-08-15 | 杭州慕锐网络技术有限公司 | 一种纺织图案的智能配色方法 |
-
2014
- 2014-07-07 CN CN201410319598.0A patent/CN104199994A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040161727A1 (en) * | 2003-02-05 | 2004-08-19 | Brodine Michael L. | System and method for selecting colors and patterns for desing using a virtual environment |
| CN102637236A (zh) * | 2012-05-03 | 2012-08-15 | 杭州慕锐网络技术有限公司 | 一种纺织图案的智能配色方法 |
Non-Patent Citations (1)
| Title |
|---|
| HU GUOSHENG等: "An interactive method for generating harmonious color schemes", 《COLOR RESEARCH & APPLICATION》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104899347A (zh) * | 2015-04-10 | 2015-09-09 | 中国美术学院 | 面向用户偏好的配色方法 |
| CN105279778A (zh) * | 2015-10-12 | 2016-01-27 | 深圳市金立通信设备有限公司 | 一种图片填色方法及终端 |
| CN109240782A (zh) * | 2018-08-27 | 2019-01-18 | 上海宝尊电子商务有限公司 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
| CN109240782B (zh) * | 2018-08-27 | 2022-03-25 | 上海宝尊电子商务有限公司 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Wijffelaars et al. | Generating color palettes using intuitive parameters | |
| CN106127453B (zh) | 一种基于bim和vr的建筑设计管理系统及其管理方法 | |
| Hu et al. | An interactive method for generating harmonious color schemes | |
| US10252464B2 (en) | Slicing printing method for color 3D model | |
| CN103677640A (zh) | 一种虚拟键盘自适应应用主题的方法及系统 | |
| CN111191424A (zh) | 页面配色的方法、装置、存储介质和芯片 | |
| CN109076143B (zh) | 通过考虑视觉外观和实际油墨成本，实现印刷设备的油墨成本节省 | |
| CN103065357B (zh) | 基于普通三维模型的皮影模型制作方法 | |
| CN104199994A (zh) | 交互式和谐的配色方法 | |
| CN111696188A (zh) | 渲染图快速光照编辑方法和装置、渲染方法 | |
| CN103543995A (zh) | 一种网站换肤的方法及装置 | |
| CN103838578A (zh) | 一种数据处理方法、装置及一种电子设备 | |
| CN102567974A (zh) | 一种图像局部颜色的调整方法及系统 | |
| CN110383802A (zh) | 利用逼近函数的彩色图像修改 | |
| CN106875454A (zh) | 一种渐变色生成方法和装置 | |
| CN105611694A (zh) | 一种氛围灯的颜色配置方法和装置 | |
| CN110704052B (zh) | 业务平台颜色的配置方法和装置、存储介质、电子装置 | |
| TWI519691B (zh) | Embroidery sewing machine of embroidery sewing machine, embroidery sewing transformation method of embroidery sewing machine, and recording medium of embroidery sewing machine for embroidery sewing machine | |
| CN109000886A (zh) | 一种光源检测方法及其装置、设备和存储介质 | |
| CN105551011A (zh) | 一种主色调的设置方法及装置 | |
| CN110178360B (zh) | 用于色调调色板生成的方法、计算系统和存储设备 | |
| CN103745067A (zh) | 发电机定子端部参数化自动建模系统及方法 | |
| CN113626902B (zh) | 基于pbr材质的材质建模系统 | |
| Shipman | Introduction to color theory | |
| CN109240782B (zh) | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20141210 |