CN109240782B - 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 - Google Patents
应用于多量级数据可视化的hsb色彩制式色相等距选色方法 Download PDFInfo
- Publication number
- CN109240782B CN109240782B CN201810981947.3A CN201810981947A CN109240782B CN 109240782 B CN109240782 B CN 109240782B CN 201810981947 A CN201810981947 A CN 201810981947A CN 109240782 B CN109240782 B CN 109240782B
- Authority
- CN
- China
- Prior art keywords
- color
- value
- hsb
- hue
- data
- 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.)
- Active
Links
- 238000010187 selection method Methods 0.000 title claims abstract description 12
- 238000013079 data visualisation Methods 0.000 title abstract description 12
- 238000011161 development Methods 0.000 claims abstract description 5
- 238000001228 spectrum Methods 0.000 claims 1
- 238000004519 manufacturing process Methods 0.000 abstract description 6
- 238000013461 design Methods 0.000 description 12
- 238000000034 method Methods 0.000 description 12
- 230000000007 visual effect Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000007792 addition Methods 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000001788 irregular Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000003595 spectral effect Effects 0.000 description 2
- 230000007423 decrease Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- Color Image Communication Systems (AREA)
Abstract
本发明涉及应用于多量级数据的基于HSB色彩制式色相等距选色方法,所述方法包括以下步骤:步骤S1、建立HSB色彩制式模型,为每个色相值H配置一组以饱和度S为x;明度B为y的数据点形成的曲线;步骤S2、建立HSB数据表,从步骤S1中的曲线中获取N个色彩点C,共7并制表,再获取(N‑1)个色彩点C,并制表,以此类推,得到HSB数据表;步骤S3、将表格写入算法,设计师与前端开发工程师实现工具界面。其优点表现在:数据产品设计师和商业报表绘制人员不再受选色工具数量级和后台算法不公开的局限,可以按照实际情况获得相等数量级的美观且适合用于数据可视化的色板,以提高工具在生产环境的实用性,提高效率,减少时间成本。
Description
技术领域
本发明涉及互联网技术领域,具体地说,是应用于多量级数据的基于HSB色彩制式色相等距选色方法。
背景技术
随着大数据技术的不断发展以及其商业化领域应用的不断扩大,交互式数据图表在商业软件和智能报表生成平台的使用被所关注。在设计领域中,网页配色和选色工具也在设计师中口口相传,大量的专栏设计师凭借经验的各种配色方案也被提出。
关于现有的配色和选色工具存在以下缺陷和不足:
首先,现有的配色和选色工具和方案,较多不是为了数据可视觉化而设计,工具生成的调色板往往可辨识性较低且数量级不足以应用至更多数量级的对象中,并不适合用于复杂的图表和数据可视化设计。且工具需要使用者具有一定色彩理论储备,正确使用门槛过高,实际使用感受不佳。
其次,色彩的使用在商业类数据报表和数据可视化设计中往往因色彩偏好的强主观性而缺乏其普适性。同时用于数据可视化的配色方案亦不同于印刷设计和多媒体媒介设计。多样的选色辅助工具和繁多的配色案例旨在为数据可视化设计师,甚至商业报表绘制人员提供了灵感与便利。
另外,已有的各类选色辅助工具多采用输入任意初始颜色,其基于特定算法,最终输出一套固定数量级的色盘。然而其算法虽具有高度自定义性,却因初始颜色的选择不当直接影响工具产生色盘的美观性甚至影响实用性,并且其固定数量级上限不够大且逻辑算法的不可公开和无规律性,使得其数量级不可被拓展,不足以应用于实际生产环境中,从而使得现有工具易用性和实用性上都收到了挑战。
中国专利文献CN201510170412.4,申请日20150410,专利名称为:面向用户偏好的配色方法,公开了一种面向用户偏好的配色方法。该方法通过描述色彩搭配方案各颜色的色相均值、纯度均值、明度均值、色相跨度、纯度跨度和明度跨度这六个参数,评价用户的色彩搭配偏好特征,并依据其特征生成对应的色彩搭配方案。
上述专利文献的方法,方法将个人的色彩搭配偏好特征通过一种全局的色彩关系值表示,因此适合用于为用户提供多色搭配偏好方案。但是,关于一种无需基础理论,快速容易的得到由一个主色衍生的多种实用美观且数量级色盘,让复杂的图表和数据可视化设计的选色方案更合理,更易用,更美观,以提高工具在生产环境的实用性,提高效率,减少时间成本的技术方案则未进行相应的报道。
综上所述,现有选色辅助工具多采用输入任意初始颜色,其基于特定算法,最终色盘以颜色代码输出,其固定数量级上限较低且逻辑算法的不可公开和无规律性,使得其数量级不可被拓展,多数无法使用于复杂的真实图表设计案例中。需要一种无需基础理论,快速容易的得到由一个主色衍生的多种实用美观且数量级色盘,让复杂的图表和数据可视化设计的选色方案更合理,更易用,更美观,以提高工具在生产环境的实用性,提高效率,减少时间成本的选色方法,而关于这种选色方法目前还未见报道。
发明内容
本发明的目的是针对现有技术中的不足,提供一种无需基础理论,快速容易的得到由一个主色衍生的多种实用美观且数量级色盘,让复杂的图表和数据可视化设计的选色方案更合理,更易用,更美观,以提高工具在生产环境的实用性,提高效率,减少时间成本的选色方法。
为实现上述目的,本发明采取的技术方案是:
应用于多量级数据的基于HSB色彩制式色相等距选色方法,所述方法包括以下步骤:
步骤S1、建立HSB色彩制式模型,为每个色相值H配置一组以饱和度S为x;明度B为y的数据点形成的曲线;
步骤S2、建立HSB数据表,从步骤S1中的曲线中获取N个色彩点C,并制表,再获取(N-1)个色彩点C,并制表,以此类推,得到HSB数据表,N为自然数;
步骤S3、将表格写入算法,设计师与前端开发工程师实现工具界面。
作为一种优选的技术方案,步骤S2、建立HSB数据表,从步骤S1中的曲线中获取20个色彩点C,共7200个色彩点,并制表,再获取19个色彩点C,并制表,以此类推,得到最小数量级为3,最大数量级为20的表格,共18组。
作为一种优选的技术方案,步骤S1中H为0-360的值,其值为自然光谱渐变;S为0-100的值,其值越大饱和度越高;B为0-100的值,其值越大明度越高。
作为一种优选的技术方案,步骤S3具体包括以下步骤:
步骤S31、用户端输入于中位的初始色相值H,色相间隔值I,数量级C;
步骤S32、根据各H值以及其色阶位C(n),找到表中相应饱和度(S)明度(B),得到相应数量级的连续色板;
步骤S33、将HSB制式,换算为rgb和颜色代码,并输出。
作为一种优选的技术方案,所述色板包括:色相值(H)为一组等差数;饱和度(S)明度(B)呈现特定变化规律。
作为一种优选的技术方案,所述色板同时呈现宽饱和度和宽明度的特征。
作为一种优选的技术方案,步骤S1中曲线上的每个色彩点都具有HSB色值。
本发明优点在于:
1、本发明的选色方法的应用无需基础色彩理论,也能快速容易的得到由一个主色衍生的多种实用美观且数量级最大为20的色盘(在理论上可以达到无限数量级,但考虑到其真实场景的实用性,本方法以20为数量上限),让复杂的图表和数据可视化设计的选色方案更合理,更易用,更美观,以提高工具在生产环境的实用性,提高效率,减少时间成本。
2、该方法基于HSB色彩制式,HSB色彩制式对色彩的空间呈现方式,与眼睛认识颜色的方式相同。
3、仅通过设定色相值(H)饱和度(S)明度(B)的值,可脱离可视化调色板,直接取数得到色彩点。
4、该色板会同时呈现宽饱和度和宽明度的特征。更有利于数据可视化设计的使用。
5、数据产品设计师和商业报表绘制人员不再受选色工具数量级和后台算法不公开的局限,可以按照实际情况获得相等数量级的美观且适合用于数据可视化的色板。
附图说明
附图1是本发明的应用于多量级数据的基于HSB色彩制式色相等距选色方法的流程框图。
附图2是本发明基于的HSB色彩制式模型示意图。
附图3是本发明的某一色相值的SB取色曲线示意图。
附图4是图3中取色曲线所对应的相应HSB值数据表示意图。
附图5是本发明的应用输入处理流程图。
附图6是本发明的应用过程处理流程图。
附图7是本发明的应用输出处理流程图。
具体实施方式
下面结合附图对本发明提供的具体实施方式作详细说明。
请参照图1,图1是本发明的应用于多量级数据的基于HSB色彩制式色相等距选色方法的流程框图。所述方法包括以下步骤:
步骤S1、建立HSB色彩制式模型(如图2所示),为每个色相值H配置一组以饱和度S为x;明度B为y的数据点形成的曲线(如图3所示);
步骤S2、建立HSB数据表,从步骤S1中的曲线中获取N个色彩点C,并制表,再获取(N-1)个色彩点C,并制表,以此类推,得到HSB数据表;
作为一种优选(如图4所示),从步骤S1中的曲线中获取20个色彩点C,共7200个色彩点,并制表,再获取19个色彩点C,并制表,以此类推,得到最小数量级为3,最大数量级为20的表格,共18组;
步骤S3、将表格写入算法,设计师与前端开发工程师实现工具界面(如图5所示)。
为了更好的便于理解本发明的方法应用,下面以一个实例作具体说明:
1.用户端输入于中位的初始色相值(H),色相间隔值(I),数量级(C)(如图5,图6以及图7所示);
2.以初始色相值(H=200),色相间隔值(I=5),数量级(C=10)为例,后台算法得到一组10数量级的H值:175,180,185,190,195,200,205,210,215,220(如图6所示);
3.根据各H值以及其色阶位C(n),找到表中相应饱和度(S)明度(B),得到数量级为10的连续色板;
4.将HSB制式,换算为rgb和颜色代码,并输出,(如图7所示);。
需要说明的是:
本发明的选色方法,基于HSB色彩制式,HSB色彩制式对色彩的空间呈现方式,与眼睛认识颜色的方式相同。即已知任意色值都由色相值(H)饱和度(S)明度(B)三个值组成。
H为0-360的值,其值为自然光谱渐变。S为0-100的值,其值越大饱和度越高。B为0-100的值,其值越大明度越高。理论上,仅通过设定色相值(H)饱和度(S)明度(B)的值,可脱离可视化调色板,直接取数得到色彩点。
本发明的选色方法,使用者通过设置初始色相值(H),色相间隔值(I)和色彩量级(C)。则可自动生成可用户3至20数量级对象的连续色板,该色板特性包括:1.色相值(H)为一组等差数2.饱和度(S)明度(B)呈现特定变化规律,即饱和度增加,明度下降;饱和度下降,明度增加。该色板会同时呈现宽饱和度和宽明度的特征。更有利于数据可视化设计的使用。
本发明一旦投入应用,可以实现以下技术效果:
数据产品设计师和商业报表绘制人员不再受选色工具数量级和后台算法不公开的局限,可以按照实际情况获得相等数量级的美观且适合用于数据可视化的色板,以提高工具在真实业务环境的实用性,提高效率,减少时间成本。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员,在不脱离本发明方法的前提下,还可以做出若干改进和补充,这些改进和补充也应视为本发明的保护范围。
Claims (1)
1.应用于多量级数据的基于HSB色彩制式色相等距选色方法,其特征在于,所述方法包括以下步骤:
步骤S1、建立HSB色彩制式模型,为每个色相值H配置一组以饱和度S为x;明度B为y的数据点形成的曲线;
骤S1中H为0-360的值,其值为自然光谱渐变;S为0-100的值,其值越大饱和度越高;B为0-100的值,其值越大明度越高;
步骤S2、建立HSB数据表,从步骤S1中的曲线中获取20个色彩点C,共7200个色彩点,并制表,再获取19个色彩点C,并制表,以此类推,得到最小数量级为3,最大数量级为20的表格,共18组;曲线上的每个色彩点都具有HSB色值;
步骤S3、将表格写入算法,设计师与前端开发工程师实现工具界面;
步骤S3的应用具体包括以下步骤:
步骤S31、用户端输入于中位的初始色相值H,色相间隔值I,数量级C;
步骤S32、根据各H值以及其色阶位C(n),找到表中相应饱和度(S)明度(B),得到相应数量级的连续色板;所述色板同时呈现宽饱和度和宽明度的特征;
步骤S33、将HSB制式,换算为rgb和颜色代码,并输出;
所述色板包括:色相值(H)为一组等差数;饱和度(S)明度(B)呈现特定变化规律。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810981947.3A CN109240782B (zh) | 2018-08-27 | 2018-08-27 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810981947.3A CN109240782B (zh) | 2018-08-27 | 2018-08-27 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109240782A CN109240782A (zh) | 2019-01-18 |
CN109240782B true CN109240782B (zh) | 2022-03-25 |
Family
ID=65068438
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810981947.3A Active CN109240782B (zh) | 2018-08-27 | 2018-08-27 | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109240782B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11823470B2 (en) * | 2020-11-25 | 2023-11-21 | International Business Machines Corporation | Generating analytic applications from a media file |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104199994A (zh) * | 2014-07-07 | 2014-12-10 | 中国美术学院 | 交互式和谐的配色方法 |
CN104899347A (zh) * | 2015-04-10 | 2015-09-09 | 中国美术学院 | 面向用户偏好的配色方法 |
CN110163810A (zh) * | 2019-04-08 | 2019-08-23 | 腾讯科技(深圳)有限公司 | 一种图像处理方法、装置以及终端 |
-
2018
- 2018-08-27 CN CN201810981947.3A patent/CN109240782B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104199994A (zh) * | 2014-07-07 | 2014-12-10 | 中国美术学院 | 交互式和谐的配色方法 |
CN104899347A (zh) * | 2015-04-10 | 2015-09-09 | 中国美术学院 | 面向用户偏好的配色方法 |
CN110163810A (zh) * | 2019-04-08 | 2019-08-23 | 腾讯科技(深圳)有限公司 | 一种图像处理方法、装置以及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN109240782A (zh) | 2019-01-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021135887A1 (zh) | 页面配色的方法、装置、存储介质和芯片 | |
US6271859B1 (en) | Recoloring art work | |
US20140089781A1 (en) | Color-based designs | |
CN105191276A (zh) | 创建色域查找表 | |
CN109240782B (zh) | 应用于多量级数据可视化的hsb色彩制式色相等距选色方法 | |
CN106464776A (zh) | 颜色半色调处理 | |
CN104902088A (zh) | 移动终端调整屏幕亮度的方法及装置 | |
CN108733640A (zh) | 一种文档配色方案生成方法及装置 | |
CN102637236B (zh) | 一种纺织图案的智能配色方法 | |
CN104915005A (zh) | 通过颜色实现情感色彩的方法 | |
CN101594545B (zh) | 一种色域扩展系统及方法 | |
US20100085377A1 (en) | Constrained language-based color selection algorithm | |
US10733769B2 (en) | Systems and methods for generating color schemes | |
CN105611694A (zh) | 一种氛围灯的颜色配置方法和装置 | |
CN101616332B (zh) | 一种色域扩展系统及方法 | |
CN112652024B (zh) | 一种基于颜色和谐的对图像重新替色的方法 | |
CN108153498A (zh) | 修正表生成方法、以及程序 | |
US7023585B1 (en) | Multi-dimensional edge interpolation | |
US10044909B2 (en) | Image processing apparatus generating conversion table using input-side profile and output-side profile | |
JPH05508752A (ja) | 色空間の間の実時間変換 | |
US20150039994A1 (en) | Color-based designs | |
CN104199994A (zh) | 交互式和谐的配色方法 | |
CN110852329A (zh) | 一种产品外观属性的定义方法 | |
Iwanowski | Image morphing based on morphological interpolation combined with linear filtering | |
CA2594133A1 (en) | System for automated generation of layout color schemes |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |