42.尚硅谷_HTML&CSS基础_RGB值.avi原创

看不到没有。还有哪需要用到单位了，诶零三，我们叫一个这个颜色的什么呀，颜色单位啊，颜色单位来我这少一点给他补上啊颜色单位那什么叫颜色单位，来我这写一个div还是来一个表一个BOXS1BOXS1我这来一什么呢？来一个这个style标签，直接写这么一个这个点BOX1我来一个100个像素hit来一个什么呀，100个像素，然后background color来一什么呀？Red保存CTRL运行，是不是一个红色一个方块啊，那我们说什么叫颜色单位啊。这red是不是就颜色单位呀，哎，颜色单位，所以这里边我们要说的颜色单位就是什么，在我们GS里是不是在我们这个CSS里如何去保表示一种颜色吧，哎，表示一种颜色啊，那我们来说颜色单位，哎颜色单位我们来说一下啊，在我们这个csi中可以什么呢？可以直接使用我们这个颜色的什么呀？哎单词来干嘛呢？来表示我们这什么呀，来表示我们这个不同的颜色啊，来表示不同颜色，比如说什么呀，比如说我们这个红色你可以用什么呀，Red比如说你用什么呀，蓝色你可以用什么呀？哎，你可以用一个呀，Blue，比如说这个绿色你可以用一个什么呀？诶啊，Green grr e银诶都可以，比如说你这想换成什么了，换成blue了，你可以直接改过来，我这一保存一刷新走，你是不是出来了呀？诶你如果这个不行了，你想换成GR瑞直接写什么呀，GRE1保存是不是出来了呀，但是这有但这有啥问题。

嗯，咱们说咱们这个词汇量是不是有限呀，哎，可能到red blue green还凑合，能拼，你让我拼orange可能干嘛了，可能就费劲了，是吧，他要没有提示我是不是都打不出来了呀？哎，我还得借着他这个提示去给我们去写，所以这里边什么呢？如果我们只都用这个颜色的单词呢，用起来干嘛呀，太麻烦了，哎，太麻烦了，但是我们说那如果我就想用这个单词，那我怎么办呀？

那我是不是得有一个地方能查一下啊，哎，到底我这什么呀，我要使我要弄一个这个酱紫色，酱紫色这怎么写呀，我是不是得有地方去查呀，但是不知道有没有这颜色是吧？我瞎说的啊，那怎么去查呢？直接来看我们这个文档W3死故离线手册不是这个啊，咱们点这新版本W3死故离线手册往下找，直接HTMLCSS在CSS里边打开，我们来看它这有没有啊。诶，这是不是有一个颜色名啊，诶颜色名你这一点开，你来看什么各种各样颜色是不是给你列出来了，什么爱丽丝blue什么乱七八糟是吧，诶什么补录是吧？诶补录什么。乱七八糟是吧？哎，也就是说他给你列举出来这么一堆，是不是各种各样的这种颜色呀，哎，各种各样颜色，但是这颜色它有什么问题啊，你愿意记吗？你瞅瞅你瞅瞅，我给你给我找一个找一个这个这个什么呀，我要一个这个颜色，你给我说这个颜色我应该用哪个，就这块什么颜色说不出来吗？嘿，说不出来这玩意儿很费劲是吧？你要能说出来，你这眼睛基本上就已经赶上孙悟空了是吧？随便一看颜色，把这颜色的英文单词给他说出来，你用中文说你都不好说对吧？诶，更何况用什么呀，用英文对吧？所以这里边干嘛呢？所以这里边我们使用这种什么呀，颜色名来表示不同颜色这玩意干嘛呀？

很麻烦，而且干嘛呀，我们说了我这颜色，我这世界上有多少多少种颜色呀，是不是多了去了呀，哎，多了去了，那我这词它是不是还是毕竟有限呀，哎，毕竟有限，所以仅仅用这些单词呢，不足以来表示出我们这个五彩缤纷的什么呀，世界啊，不足以表态表示出五彩碳缤分的世界，所以这里边呢，我们就需要采用什么呀，哎，另一种方式叫什么呢？哎，我们也可以使用什么呢？使用我们这个RGB值来干嘛呢？来表示我们这个颜色啊，来表示我们这个不同的颜色，那什么叫RGB值呢？那这里边我们就要说一下这个关键问题了，我们说所谓的这个RGB指指的是什么呢？哎，指的哎是通过我们这什么呀？哎，Red红色还有什么呀，Green green还有什么呀？哎，Blue叫什么呀？哎，三原色啊三原色，那注意了，这个三原色指的是我们这个光的三。

彩色跟我们学那个美术那三原色还不太一样啊，这是那光的三原色啊，三原色来干嘛呢？来设置，哎，三原色那怎么设置啊，哎，通过这三种颜色的什么呀，三种颜色的什么呢？哎，不同的浓度来干嘛呢？来表示出什么呀？哎，不同的这个颜色啊，通过这三种颜色不同的浓度来表示出什么呀？哎，不同的呀，颜色那什么意思，我们直接来说了，直接来举例子，我们要写怎么写呢？这里边我直接在这给你演示一下，直接写一个叫做什么呀，RGB，你看我这一写就给你提示了，RGB后边是不是跟着一个什么呀。

小块吧，哎，小块我们直接来一个RGBRGB里边有一个小块，小括号里边需要传三个值，三个值哪三个值呢？第一个值是什么呢？我们的红色的什么呀？浓度，第二个值是什么呢？我们叫做一个绿色的什么呀？哎，浓度啊，绿色浓度，第三个值是什么呢？我们这个哎，蓝色的一个什么呀？浓度啊，蓝色的浓度通过这三个值来调配出什么呀，不同的颜色就像一个什么呀，就像一个调色板一样，诶我红的多一点，绿的多一点，蓝的少一点，我是不是调整一种颜色呀，然后干嘛呀，我红的再多一点，是不是又是一种颜色呀？诶又是一种颜色，那问题是什么？问题是我这值我怎么写呀，对吧？哎，怎么写？这边我们来说颜色浓度干嘛呢？颜色的浓度可以需要一个什么呢？需要一个一，呃叫零到255之间的什么呀，值啊，零到255间的。

值255表示什么呀？表示最大零表示没有啊表示没有，那所以你看我怎么写，第一位是谁？红色浓度对吧？阿玛red啊r red第一位是红色浓度，我来一个255表示什么。是不是红色最大呀，那第二位叫做一个绿色的浓度，我来一个逗号，来一个零表示什么呀？是不是没有绿色呀？好，那第三位是什么？蓝色的浓度，我也来一个逗号，来一个什么呀零，那我写这什么效果，红色最大，蓝色绿色是不是都没有啊？那这是一个什么颜色啊？哎，就是一个红色，我一保存，我一刷新走，你是不是一红色呀？诶，那同学说了，那你这个还不如直接写red呢，是吧？但这有什么好处啊，我想这是红啊，淡一点来个254，当然这个肉眼也看不出来是吧？哎，肉眼也看不出来，你再淡一点，来个200吧，包臀你刷心。

那要深一点是吧，让让这红色暗一点啊，这红色暗一点啊，这是我们说我是不是可以通过这个值来调整啊，哎，比如说干嘛呢，我想调一个蓝色，怎么调啊，哎，红绿都没有B是不是这个蓝色最大呀，哎蓝是一个255，我一保存，然后一刷新走，你是不是就蓝色了，诶那我这来一个什么呀，来这么一颜色吧，我看看是什么，二百五十五零二百五十五，这是不是红跟绿最大，不是蓝最大，没有什么呀，没有绿是吧？哎，没有绿，这是什么样什么色啊，一刷新诶怎么丁紫么丁什么颜色是吧？那什么颜色，那我再来干嘛呢？我再来一个这个绿色，我给他来点吧，来一个50，我这一保存一刷新走你。

没啥没啥变化是吧？哎，没啥变化，反正就这意思啊，我们可以通过这个三个值来去调配什么呀，各种各样的颜色，说白了就是把我们的一个颜色转换成什么呀，数字啊转成数字，诶那同学说了，那你这东西好像也不是那么省事是吧？那现在还是这个问题，那这个颜色我怎么写对吧，这个颜色怎么写呀？诶这个颜色其实我还是不知道什么颜色，那怎么办呀，但是我们有是不是有截图工具啊，诶随便打开一个截图工具，诶这截图工具你看看截图工具下边大小，我这边没法动，我一动它也动啊，大小下边有一个什么，是不是有一个255250232啊，那这个值就是什么呀？诶这个值就是我们这个颜色的一个RGB值，那这个现在现在我这挪一下窝挪一下这个字的这表示什么呀？我这个颜色现在什么呀，八十一九三是不是168呀，而我这个背景颜色是不是一个255250232啊，那怎么办呢？我们来看看啊，255250232，我换一个。

255250232，那如果是对的话，我们这个背景颜色是不应该跟我这个背景是一样的呀？哎，我们来看走你是不是一个一个颜色呀，哎，一个颜色，那你说我想调这一块颜色，那怎么卖呀，截图呗，你看这这是多少啊1611872158哎1611872151611872151保存咱们来看刷新诶是不是跟这块的颜色就一样了呀，哎，所以改成数字的好处是什么呀？咱们虽然不认识，但是什么呀，计算机认识你想要什么颜色，你说让计算机给你抓就行了呀，哎给你抓就行了啊所以这里边注意我们可以，诶方便就方便在这块啊，方便放在这块，好，这是我们说R这位值这块能看懂吧，诶，那我们来说它也可以什么呢？颜色这个浓度也可以干嘛呢，也可以采用一个，我们叫做一个诶。

百分数来设置啊，它需要什么呢？需要一个叫做什么呀，0%，0%到什么呀，100%之间的什么呀，哎之间的一个。那我们说什么呢？0%就什么呀，就相哎咱们先写一下吧，写一下我这换啊，我不这么写了，我把这给它住了，住了来一个这个background，一个color background color，我们来什么呢？来一个RGRGBRGB，我这来一个写一个100%，然后逗号百分之零号0%，我这么写了一个，这表什么意思呀？哎，红色100%，剩下是不是都没有啊，那这个颜色其实也是什么呀，哎，也是红色啊，也是红色，然后我这来三个都100%。是不是三个都得三个都得大呀，哎，我这一保存咱们来看一刷新走你完了，哎没了是一什么呀，白色的啊，三个颜色最大都是什么呀，白色啊白色，那我这来一个50%，这也是50%，红色最大，剩下俩一半一半什么效果，我们来看看你刷新是不是这么一个颜色呀，哎，这么颜色啊，你也可以写什么呀，百分数，但是你要注意我们百分数和我们这个255这个有没有什么区别啊，没有什么区别啊，但是我们说使用我们这个百分数最终干嘛呢？最终也会转换为什么呀，零到255之间的数，我们说什么呀，诶0%。

就表示什么呀，就表示零，而100%呢二五，哎，就表示我们那个255啊，就表示我们那255，所以这两种用法其实都是什么呀，都是一样的啊，都是一样的，最终都是转换成我们这个零到255之间这个值啊，零到255之间这个值，好，这也是我们说这个颜色单位，这么一个RGB值，我们先说到这，你们先写一下，包括刚才我们那个长度单位，还有那个颜色单位，你先写一下，待会还有一种值，我们待会再说啊来。