CSS RGB颜色代码和在线拾色器
RGB颜色代码语法
rgb(redvalue, greenvalue, bluevalue)
rgb()获取颜色的方法,有三个参数,分别代表红绿蓝三原色的值,而且都是从0至255之间,比如rgb(255,255,255)将获取到的是白色,rgb(0,0,0)获取到的是黑色。
HTML拾色器
当不记得CSS颜色内置的名称,也不记得颜色对应的RGB值,那么可以使用HTML的拾色器来选择颜色。当然,专业的前端UI对颜色的使用和色彩的搭配把控上有其专业性。拾色器只是一个工具。
拾色器:
HTML的拾色器采用的是type为color的input元素。点击上面的框框,就可以弹出一个拾色器,默认情况下采用的是RGB的格式,需要调换格式,如十六进制等,可以通过拾色器右下方的上下按钮进行选择。当点击拾色器上面的颜色区域时,RGB的值会跟着相应地变换。也可以使用滴管工具,点击,然后移动到页面的其它地方拾色,当颜色采集到之后,RGB的度数和颜色区域也会跟着变化。中间的滚动条为可以拖动显示不同的颜色系。
RGB颜色使用方法实例代码,及在线编辑器
下方的代码将设置一个div的背景色为rgb值为rgb(250,230,230)的颜色:
<div id='e1'></div>
<style>
#e1{width:100%;height:20%;background-color:rgb(250,230,230)}
</style>