颜色的几个术语和属性

1.互补色complementary color:

互补色是一对这样的颜色组:当组合使用时将会抹去各自的色彩。这意味着当组合起来使用时(颜料模式),他们产生黑色。在发光

RGB模式下,则形成白色。当这两种颜色放在一起时,他们讲产生最强的对比效果。正因为这样的特性,互补色可能被称为反色更加恰当。

2.着色(染色)tint:

tint是把一种颜色和白色混合后形成的颜色,这将增加该颜色的亮度;

3.shade:

shade是把一种颜色和黑色混合后形成的混合颜色,这将降低该颜色的亮度

4.tone:(色调)hue:

色调是吧一种颜色和灰色或者tint/shade混合形成的颜色。

注意:将一种颜色和任何一种中立色(灰色,黑,白)将降低颜色的饱和度,但是hue色相不变

5.contrast:对比度

对比度高将减少眼睛的疲劳,通过清晰地将具有对比度的元素布局于页面可以让读者的注意力集中。less中的contrast函数在确保任何底色中都能找到一种适合阅读的前景色非常有用

6.Vibrancy:活力

颜色的活力表达着你设计的感情。亮丽的色彩使得用户感觉到能量,稍暗的颜色将使用户放松,并且注意力集中于其他的内容。

http://paletton.com/

时间: 2024-08-08 09:34:49

颜色的几个术语和属性的相关文章

Css颜色定义的方法汇总color属性设置方式

颜色的定义方式用rgb()里面带上十进制的数字来定义. color:rgb(211,123,135); 用预定义的颜色名称. color:red; rgba()最后一个参数是不透明度. color:rgba(1,23,45,0.5); 用hsl()函数 color:hsl(78,70%,90%); 用hsla()函数 color:hsla(234,100%,45%,0.9); 用hex表示. color:#02a2e2;

HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE) 适用范围:placeholder 属性适用于下面的

web前端(9)—— CSS属性

属性 终于到css属性,前面就零零散散的用了什么color,font-size之类,本篇博文就专项的介绍它了 字体属性 font-family 此属性是设置字体样式的,比如微软雅黑,方正书体,华文宋体之类的 例,给body标签设置字体: body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } 可以把多个字体名称作为一个“回退”系统来保存.如果浏览器不支持第一个字体,

修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中该属性不被识别 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozi

[js高手之路] dom常用节点属性兼容性详解与应用

一.每个DOM节点都有一个nodeType属性,表示节点类型, NodeType一共有12种类型,我们可以通过遍历内置的Node构造函数获取 1 window.onload = function(){ 2 var str = "<table>"; 3 for( var key in Node ){ 4 str += "<tr>"; 5 str += "<td>" + key + "</td>

【2017-03-31】JS-DOM操作:操作属性、彩虹导航栏、定时器、操作内容、创建元素并添加、操作相关元素

一.操作属性 1.什么是属性: <div class="div" id="div1" style="" ></div> 其中class   id   style   都是这个div的属性 <input type="button" value="这是一个按钮" disabled="disabled"  aa="haha" /> dis

NSAttributedString-------字符属性

NSAttributedString 字符属性 字符属性可以应用于 attributed string 的文本中. NSString *const NSFontAttributeName;(字体) NSString *const NSParagraphStyleAttributeName;(段落) NSString *const NSForegroundColorAttributeName;(字体颜色) NSString *const NSBackgroundColorAttributeName

猫猫学IOS(二十七)UI之iOSUIKit字符属性NSAttributedString概述

猫猫分享,必须精品 原创文章,欢迎转载.转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243?viewmode=contents UIKit字符属性NSAttributedString概述 字符属性 字符属性可以应用于 attributed string 的文本中. NSString *const NSFontAttributeName;(字体) NSString *const NSParagraphStyleAttributeName;(段落) NSS

iOS 字符属性NSAttributedString描述

/* 字符属性 字符属性可以应用于 attributed string 的文本中. NSString *const NSFontAttributeName;(字体) NSString *const NSParagraphStyleAttributeName;(段落) NSString *const NSForegroundColorAttributeName;(字体颜色) NSString *const NSBackgroundColorAttributeName;(字体背景色) NSStrin