CN107450920A - 一种融合背景色和文本色的颜色设定方法 - Google Patents
一种融合背景色和文本色的颜色设定方法 Download PDFInfo
- Publication number
- CN107450920A CN107450920A CN201710617345.5A CN201710617345A CN107450920A CN 107450920 A CN107450920 A CN 107450920A CN 201710617345 A CN201710617345 A CN 201710617345A CN 107450920 A CN107450920 A CN 107450920A
- Authority
- CN
- China
- Prior art keywords
- color
- text
- colour
- input
- background
- 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
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种融合背景色和文本色的颜色设定方法，利用文本框进行背景颜色色值输入，在输入的同时，通过与输入值有关的计算规则，得到输入的文本的字体颜色，将输入值应用于文本框的背景色，将计算得到的文字颜色应用于文本框中输入的文字。与现有技术相比，本发明能直观地观察到背景色与文字颜色融合的效果等优点。
Description
技术领域
本发明涉及一种颜色设定方法，尤其是涉及一种融合背景色和文本色的颜色设定方法。
背景技术
现有的颜色设定装置，在设定颜色时，只会根据输入的色值产生一种颜色效果，即和输入色值匹配的颜色。当需要在背景色上覆盖文本时，无法直观地观察到文本在设定的背景色上的实际效果。
通常情况下，要观察到背景色与文本的融合效果，需要分别将背景色和文本色分别设定颜色值，然后将两种颜色值分别应用于背景色区域和覆盖在背景色区域上的文本。从而无法实时观察背景色与前景色的融合效果，大大降低了视觉设计的直观性和便利性。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种融合背景色和文本色的颜色设定方法。
本发明的目的可以通过以下技术方案来实现：
一种融合背景色和文本色的颜色设定方法，利用文本框进行背景颜色色值输入，在输入的同时，通过与输入值有关的计算规则，得到输入的文本的字体颜色，将输入值应用于文本框的背景色，将计算得到的文字颜色应用于文本框中输入的文字，从而直观地观察到背景色与文字颜色融合的效果。
所述的背景颜色色值输入时，对输入的内容是否为有效的色值进行判断。
若为有效的色值，则输入区域的背景颜色变化为该色值表示的颜色。
若为有效的色值，通过设定的计算规则，生成一个与该色值对应的新色值，输入的文本的文字颜色将变化为该计算得到的颜色。
所述的计算规则为：根据设定颜色，计算出其饱和度值，将文本按饱和度比例使用饱和度的反比例进行颜色设定，否则将文本色颜色设为黑色；
所述的计算规则为：根据设定颜色计算出其补色或其他相关颜色，将文本色颜色设定为该补色或其他相关颜色。
如果输入的内容不能表示为有效的颜色值，则输入区域的背景使用表示输入无效的图案表示，输入的文本颜色使用设定的固定颜色值。
与现有技术相比，通过本发明，使用户在进行背景色设定时，能实时观察背景色与符合某种计算规则的前景色的融合效果，对视觉设计的直观性和便利性有较大的提升。
附图说明
图1为本发明的流程图；
图2为本发明实施例的输入的文本内容示意图；
图3为本发明实施例的处理后的显示示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都应属于本发明保护的范围。
本发明利用文本框进行背景颜色色值输入，在输入的同时，通过与输入值有关的某种计算规则，得到输入的文本的字体颜色。将输入值应用于文本框的背景色，将计算得到的文字颜色应用于文本框中输入的文字，从而直观地观察到背景色与文字颜色融合的效果。
如图1所示，本发明具体内容如下：
1.本发明是一种文本输入装置，在装置可输入区域内，用户可以进行文本内容的输入。
2.每次输入的文本发生变化时，将输入内容作为输入装置的背景色色值，如果输入的文本内容是有效的色值，则输入区域的背景颜色变化为该色值表示的颜色。
3.如果输入的文本内容是有效的色值，则通过某种计算规则，生成一个与该色值对应的新色值，输入的文本的文字颜色将变化为该计算得到的颜色。
4.如果输入的内容不能表示为有效的颜色值，则输入区域的背景使用某种表示输入无效的图案表示。输入的文本颜色使用某种固定的颜色值。
如图2所示，当输入的文本内容为#D70000，文本框的背景颜色为#D70000，即输入的文本所表示的色值。文本的颜色根据某种计算规则，渲染为#ffffff。
如图3所示，当输入的文本内容为#E7AAAA，文本框的背景颜色为#E7AAAA，即输入的文本所表示的色值。文本的颜色根据某种计算规则，渲染为#000。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
Claims (7)
1.一种融合背景色和文本色的颜色设定方法，其特征在于，利用文本框进行背景颜色色值输入，在输入的同时，通过与输入值有关的计算规则，得到输入的文本的字体颜色，将输入值应用于文本框的背景色，将计算得到的文字颜色应用于文本框中输入的文字，从而直观地观察到背景色与文字颜色融合的效果。
2.根据权利要求1所述的一种融合背景色和文本色的颜色设定方法，其特征在于，所述的背景颜色色值输入时，对输入的内容是否为有效的色值进行判断。
3.根据权利要求2所述的一种融合背景色和文本色的颜色设定方法，其特征在于，若为有效的色值，则输入区域的背景颜色变化为该色值表示的颜色。
4.根据权利要求2所述的一种融合背景色和文本色的颜色设定方法，其特征在于，若为有效的色值，通过设定的计算规则，生成一个与该色值对应的新色值，输入的文本的文字颜色将变化为该计算得到的颜色。
5.根据权利要求2所述的一种融合背景色和文本色的颜色设定方法，其特征在于，所述的计算规则为：根据设定颜色，计算出其饱和度值，将文本按饱和度比例使用饱和度的反比例进行颜色设定，否则将文本色颜色设为黑色。
6.根据权利要求2所述的一种融合背景色和文本色的颜色设定方法，其特征在于，所述的计算规则为：根据设定颜色计算出其补色或其他相关颜色，将文本色颜色设定为该补色或其他相关颜色。
7.根据权利要求2所述的一种融合背景色和文本色的颜色设定方法，其特征在于，如果输入的内容不能表示为有效的颜色值，则输入区域的背景使用表示输入无效的图案表示，输入的文本颜色使用设定的固定颜色值。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710617345.5A CN107450920A (zh) | 2017-07-26 | 2017-07-26 | 一种融合背景色和文本色的颜色设定方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710617345.5A CN107450920A (zh) | 2017-07-26 | 2017-07-26 | 一种融合背景色和文本色的颜色设定方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107450920A true CN107450920A (zh) | 2017-12-08 |
Family
ID=60488306
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710617345.5A Pending CN107450920A (zh) | 2017-07-26 | 2017-07-26 | 一种融合背景色和文本色的颜色设定方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107450920A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112558785A (zh) * | 2020-12-24 | 2021-03-26 | 上海二三四五网络科技有限公司 | 一种调整文字显示颜色的控制方法及装置 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH08202334A (ja) * | 1995-01-25 | 1996-08-09 | Hitachi Ltd | 文書作成装置 |
| CN103151022A (zh) * | 2013-01-31 | 2013-06-12 | 广东欧珀移动通信有限公司 | 一种根据背景颜色自动改变字体颜色的方法和系统 |
| CN105451094A (zh) * | 2014-08-20 | 2016-03-30 | 深圳Tcl新技术有限公司 | 字幕颜色调整方法及装置 |
-
2017
- 2017-07-26 CN CN201710617345.5A patent/CN107450920A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH08202334A (ja) * | 1995-01-25 | 1996-08-09 | Hitachi Ltd | 文書作成装置 |
| CN103151022A (zh) * | 2013-01-31 | 2013-06-12 | 广东欧珀移动通信有限公司 | 一种根据背景颜色自动改变字体颜色的方法和系统 |
| CN105451094A (zh) * | 2014-08-20 | 2016-03-30 | 深圳Tcl新技术有限公司 | 字幕颜色调整方法及装置 |
Non-Patent Citations (3)
| Title |
|---|
| 17素材: "jscolor colorpicker js颜色选择器插件多种选取颜色方法与取值", 《HTTPS://WWW.17SUCAI.COM/PINS/27.HTML》 * |
| JACK: "javascript-jscolor-colorpicker js颜色选择器插件，10多种调用颜色方法与取值", 《HTTP://WWW.PUDN.COM/DOWNLOAD/ITEM/ID/2289388.HTML》 * |
| STEVEN WITTENS: "Farbtastic Color Picker", 《HTTP://ACKO.NET/BLOG/FARBTASTIC-JQUERY-COLOR-PICKER-PLUG-IN/》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112558785A (zh) * | 2020-12-24 | 2021-03-26 | 上海二三四五网络科技有限公司 | 一种调整文字显示颜色的控制方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101923702B (zh) | 一种图片验证码的生成方法 | |
| US8692847B2 (en) | Brushing tools for digital image adjustments | |
| US20080307341A1 (en) | Rendering graphical objects based on context | |
| CN104007950B (zh) | 一种用于智能设备的护眼方法 | |
| DE102016012744A1 (de) | Robotersystem mit einer CNC-Steuerung und einer Robotersteuereinrichtung, die über ein Kommunikationsnetzwerk miteinander verbunden sind | |
| CN103927719A (zh) | 图片处理方法及装置 | |
| DE102014002984A1 (de) | Gestenvollendungspfadanzeige für gestenbasierte Tastaturen | |
| CN104299831A (zh) | 透光按键、透光键帽及透光键帽的制造方法 | |
| TW201807559A (zh) | 資訊輸入方法和裝置 | |
| CN107194869A (zh) | 一种图像处理方法及终端、计算机存储介质、计算机设备 | |
| CN106096540A (zh) | 一种信息处理方法和电子设备 | |
| CN105023252A (zh) | 一种美容图像的增强处理方法、系统及拍摄终端 | |
| CN105468617A (zh) | 调整网页内容颜色的方法及装置 | |
| CN107450920A (zh) | 一种融合背景色和文本色的颜色设定方法 | |
| CN110442337A (zh) | 一种基于核电厂dcs平台逻辑算法图云图的标注方法 | |
| JP6484592B2 (ja) | 配色提案装置、配色提案方法及びプログラム | |
| CN108108375A (zh) | 一种大数据提取方法和系统 | |
| Overbye et al. | Human factors analysis of power system visualizations | |
| CN112667185B (zh) | 一种维修性分析可视化显示方法及系统 | |
| CN106951138B (zh) | 一种图标模糊化的方法及装置 | |
| CN104463038A (zh) | 密码输入方法及其系统 | |
| MY152510A (en) | Improving text rendering contrast | |
| CN107222773A (zh) | 界面图片的占位图的处理系统 | |
| Ledoux et al. | How to specify or identify the most accurate multispectral distance function for mathematical morphology? | |
| CN104571824A (zh) | 一种电子设备及其控制器及控制方法 |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171208 |
|
| RJ01 | Rejection of invention patent application after publication |