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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.