[发明专利]配色处理方法和装置

说明书

技术领域

本发明涉及计算机技术，特别涉及配色处理方法和装置。

背景技术

目前，很多服务网站中，每一套配色都要一一手动生成，具体为：首先，手动通过屏幕取色工具比如FastStone Capture等将配色设计稿里的颜色值取出来，其中，配色设计稿通常格式为.PSD或者.PNG格式，其包含了背景色、文字色、链接色、边框色等颜色标注的视觉文件；之后，将取出来的颜色值填写到CSS样式的文件里。

这种手动配色的方式具有如下缺点：

（1），费时，比如现有21套配色，每套配色里有15个颜色值，如此就需要手动提取21*15=315次。

（2），手动配色很容易出现手误，且检验成本很高。

（3），维护成本高。当某一套配色有修改时，就要对这套配色的所有取色点重新取色，再填写到css样式里。

发明内容

本发明提供了配色处理方法，用于自动配色，避免由于手工配色带来的诸多缺点。

本发明提供的技术方案包括：

一种配色处理方法，包括：

在配色样式模板上预留出颜色值参数接口；

从配色设计稿中获取各个取色块的位置信息；

针对所述配色设计稿中每一套配色，依据每一取色块的位置信息获取该取色块在该套配色下的颜色值；

利用各套配色下各个取色块的颜色值自动替换所述配色样式模板中颜色值参数接口并生成配色文件。

一种配色处理装置，包括：

配置模块，用于在配色样式模板上预留出颜色值参数接口；

位置获取模块，用于从配色设计稿中获取各个取色块的位置信息；

颜色值获取模块，用于针对所述配色设计稿中每一套配色，依据每一取色块的位置信息获取该取色块在该套配色下的颜色值；

文件生成模块，用于利用各套配色下各个取色块的颜色值自动替换所述配色样式模板中颜色值参数接口并生成配色文件。

由以上技术方案可以看出，本发明中，通过在配色样式模板上预留出颜色值参数接口，从配色设计稿中获取各个取色块的位置信息，针对所述配色设计稿中每一套配色，依据每一取色块的位置信息获取该取色块在该套配色下的颜色值，以及利用各套配色下各个取色块的颜色值自动替换所述配色样式模板中颜色值参数接口并生成配色文件，这实现了自动配色，相比于现有手工配色，避免由于手工配色带来的诸多缺点。

附图说明

图1为本发明实施例提供的方法流程图；

图2为本发明实施例提供的配色样式模板示意图；

图3为本发明实施例提供的部分取色块示意图；

图4为本发明实施例提供的取色坐标文件示意图；

图5为本发明实施例提供的获取部分取色块的颜色值示意图；

图6为本发明实施例提供的颜色对应表文件示意图；

图7为本发明实施例提供的CSS文件生成示意图；

图8为本发明实施例提供的CSS文件示意图；

图9为本发明实施例提供的方法示例流程图；

图10为本发明实施例提供的装置结构图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面结合附图和具体实施例对本发明进行详细描述。

本发明提供的方法主要包括图1所示的流程：

参见图1，图1为本发明实施例提供的方法流程图。如图1所示，该流程可包括以下步骤：

步骤101，在配色样式模板上预留出颜色值参数接口。

作为本发明的一种举例，步骤101中的颜色值参数接口可具有以下格式：%配色名标识%。其中，配色名标识可为配色设计稿中配色的标识，可预先被定义，比如，B1表示取色块的背景色、B4表示侧栏背景色等。

基于上面针对颜色值参数接口格式的描述，则执行完步骤101后，配色样式模板可通过图2所示。其中，图2中用粗线框标出了颜色值参数接口。

需要说明的是，本发明中，步骤101可根据配色设计稿中的实际配色预留出颜色值参数接口，但并不额外限定颜色值参数接口出现的次数，比如，同一个颜色值参数接口可出现多次。

步骤102，从配色设计稿中获取各个取色块的位置信息。

其中，配色设计稿中各个取色块是依据预先与设计该配色设计稿的设计师约定好的取色区域规范定义的，图3示出了部分取色块的示意图。

优选地，本发明中，取色块的位置信息可通过取色块在配色设计稿中的坐标表示。