Html 颜色关键字 16种 （转）

最新推荐文章于 2024-05-06 16:19:27 发布
最新推荐文章于 2024-05-06 16:19:27 发布
阅读量913 收藏
点赞数
分类专栏： Html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/frank1998819/article/details/84357998
版权

备注：html颜色关键词16种(1)

aliceblue 艾利斯兰 #f0f8ff 240,248,255 艾利斯兰[易易工作室]
antiquewhite 古董白 #faebd7 250,235,215 古董白 [易易工作室]
aqua 浅绿色 #00ffff 0,255,255 浅绿色 [易易工作室]
aquamarine 碧绿色 #7fffd4 127,255,212 碧绿色 [易易工作室]
azure 天蓝色 #f0ffff 240,255,255 天 蓝色[易易工作室]
beige 米色 #f5f5dc 245,245,220 米色[易易工作室]
bisque 桔黄色 #ffe4c4 255,228,196 桔黄色 [易易工作室]
black 黑色 #000000 0,0,0 黑色 [易易工作室]
blanchedalmond 白杏色 #ffebcd 255,235,205 白杏色 [易易工作室]
blue 蓝色 #0000ff 0,0,255 蓝色 [易易工作室]
blueviolet 紫罗兰色 #8a2be2 138,43,226 紫罗兰色 [易易工作室]
brown 褐色 #a52a2a 165,42,42 褐色 [易易工作室]
burlywood 实木色 #deb887 222,184,135 实木色 [易易工作室]
cadetblue 军兰色 #5f9ea0 95,158,160 军兰色 [易易工作室]
chartreuse 黄绿色 #7fff00 127,255,0 黄绿色 [易易工作室]
chocolate 巧可力色 #d2691e 210,105,30 巧可力色 [易易工作室]
coral 珊瑚色 #ff7f50 255,127,80 珊瑚色 [易易工作室]
cornflowerblue 菊兰色 #6495ed 100,149,237 菊兰色 [易易工作室]
cornsilk 米绸色 #fff8dc 255,248,220 米绸色[易易工作室]
crimson 暗深红色 #dc143c 220,20,60 暗深红色 [易易工作室]
cyan 青色 #00ffff 0,255,255 青色 [易易工作室]
darkblue 暗蓝色 #00008b 0,0,139 暗蓝色 [易易工作室]
darkcyan 暗青色 #008b8b 0,139,139 暗青色 [易易工作室]
darkgoldenrod 暗金黄色 #b8860b 184,134,11 暗金黄色 [易易工作室]
darkgray 暗灰色 #a9a9a9 169,169,169 暗灰色 [易易工作室]
darkgreen 暗绿色 #006400 0,100,0 暗绿色 [易易工作室]
darkgrey 暗灰色 #a9a9a9 169,169,169 暗灰色 [易易工作室]
darkkhaki 暗黄褐色 #bdb76b 189,183,107 暗黄褐色 [易易工作室]
darkmagenta 暗洋红 #8b008b 139,0,139 暗洋红 [易易工作室]
darkolivegreen 暗橄榄绿 #556b2f 85,107,47 暗橄榄绿 [易易工作室]
darkorange 暗桔黄色 #ff8c00 255,140,0 暗桔黄色 [易易工作室]
darkorchid 暗紫色 #9932cc 153,50,204 暗紫色 [易易工作室]
darkred 暗红色 #8b0000 139,0,0 暗红色 [易易工作室]
darksalmon 暗肉色 #e9967a 233,150,122 暗肉色 [易易工作室]
darkseagreen 暗海兰色 #8fbc8f 143,188,143 暗海兰色 [易易工作室]
darkslateblue 暗灰蓝色 #483d8b 72,61,139 暗灰蓝色 [易易工作室]
darkslategray 暗瓦灰色 #2f4f4f 47,79,79 暗瓦灰色 [易易工作室]
darkslategrey 暗瓦灰色 #2f4f4f 47,79,79 暗瓦灰色 [易易工作室]
darkturquoise 暗宝石绿 #00ced1 0,206,209 暗宝石绿 [易易工作室]
darkviolet 暗紫罗兰色 #9400d3 148,0,211 暗紫罗兰色 [易易工作室]
deeppink 深粉红色 #ff1493 255,20,147 深粉红色 [易易工作室]
deepskyblue 深天蓝色 #00bfff 0,191,255 深天蓝色 [易易工作室]
dimgray 暗灰色 #696969 105,105,105 暗灰色 [易易工作室]
dimgrey 暗灰色 #696969 105,105,105 暗灰色 [易易工作室]
dodgerblue 闪兰色 #1e90ff 30,144,255 闪兰色 [易易工作室]
firebrick 火砖色 #b22222 178,34,34 火砖色 [易易工作室]
floralwhite 花白色 #fffaf0 255,250,240 花白色 [易易工作室]
forestgreen 森林绿 #228b22 34,139,34 森林绿 [易易工作室]
fuchsia 紫红色 #ff00ff 255,0,255 紫红色 [易易工作室]
gainsboro 淡灰色 #dcdcdc 220,220,220 淡灰色 [易易工作室]
ghostwhite 幽灵白 #f8f8ff 248,248,255 幽灵白[易易工作室]
gold 金色 #ffd700 255,215,0 金色 [易易工作室]
goldenrod 金麒麟色 #daa520 218,165,32 金麒麟色 [易易工作室]
gray 灰色 #808080 128,128,128 灰色 [易易工作室]
green 绿色 #008000 0,128,0 绿色 [易易工作室]
greenyellow 黄绿色 #adff2f 173,255,47 黄绿色 [易易工作室]
grey 灰色 #808080 128,128,128 灰色 [易易工作室]
honeydew 蜜色 #f0fff0 240,255,240 蜜色[易易工作室]
hotpink 热粉红色 #ff69b4 255,105,180 热粉红色 [易易工作室]
indianred 印第安红 #cd5c5c 205,92,92 印第安红 [易易工作室]
indigo 靛青色 #4b0082 75,0,130 靛青色 [易易工作室]
ivory 象牙色 #fffff0 255,255,240 象牙色[易易工作室]
khaki 黄褐色 #f0e68c 240,230,140 黄褐色 [易易工作室]
lavender 淡紫色 #e6e6fa 230,230,250 淡紫色 [易易工作室]
lavenderblush 淡紫红 #fff0f5 255,240,245 淡紫红[易易工作室]
lawngreen 草绿色 #7cfc00 124,252,0 草绿色 [易易工作室]
lemonchiffon 柠檬绸色 #fffacd 255,250,205 柠檬绸色[易易工作室]
lightblue 亮蓝色 #add8e6 173,216,230 亮蓝色 [易易工作室]
lightcoral 亮珊瑚色 #f08080 240,128,128 亮珊瑚色 [易易工作室]
lightcyan 亮青色 #e0ffff 224,255,255 亮青色[易易工作室]
lightgoldenrodyellow 亮金黄色 #fafad2 250,250,210 亮金黄色[易易工作室]
lightgray 亮灰色 #d3d3d3 211,211,211 亮灰色 [易易工作室]
lightgreen 亮绿色 #90ee90 144,238,144 亮绿色 [易易工作室]
lightgrey 亮灰色 #d3d3d3 211,211,211 亮灰色 [易易工作室]
lightpink 亮粉红色 #ffb6c1 255,182,193 亮粉红色 [易易工作室]
lightsalmon 亮肉色 #ffa07a 255,160,122 亮肉色 [易易工作室]
lightseagreen 亮海蓝色 #20b2aa 32,178,170 亮海蓝色 [易易工作室]
lightskyblue 亮天蓝色 #87cefa 135,206,250 亮天蓝色 [易易工作
frank1998819
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中代表颜色的字母16个,html中16进制的代码对应颜色表
weixin_33189820的博客
05-31 3574
在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。注：在W3C制...
html中表示颜色的方式有6位16进制代码及rgb或关键字
12-14
在HTML中颜色有3中表示方式，最常用的是6位16进制的代码表示法。如bgcolor=#ff0000;其中#只是表示使用6位16进制的颜色代码声明颜色。代码的头两位即ff表示三原色中的红色，范围当然是16进制的00-ff，中间两位即00...
常用的16种颜色关键字
hailingling的专栏
02-21 2162
常用的16种颜色关键字 颜色关键字：aqua 中文含义：水绿色 16进制RGB值： #00FFFF 颜色关键字：black 中文含义：黑色 16进制RGB值：#000000 颜色关键字：blue 中文含义：蓝色 16进制RGB值：#0000FF 颜色关键字：fuchsia 中文含义：紫红色 16进制RGB值：#FF00FF 颜色关键字：gray...
CSS基础教程：颜色
最新发布
m0_65012566的博客
05-06 22
CSS使用颜色值来指定颜色。通常，这些用于设置元素的前景色（即其文本）或者设置元素的背景色。它们也可以用于影响边框和其他装饰效果的颜色。可以使用各种格式指定颜色值。这些格式将在以下各节中进行更详细的解释。
html高级语言,HTML学习编辑小平台【计算机高级语言编辑】
weixin_33513842的博客
05-30 289
◆１．全屏(相对定位)代码：◆２颜色背景图框代码． <可以在这里开始插入内容◆3图片背景的图框代码．<◆4套用全屏代码的颜色背景的图框． <可以在这里开始插入内容◆5套用全屏代码的图片背景的图框．<可以在这里开始插入内容◆6强制宽度的表格标签代码．<可以在这里开始插入内容返回到＂代码模式目录＂。(二)文字设置代码：◆１．文字设置基本代码：插入文字内容◆２．大号文字设置...
HTML色彩大全
简约不简单
05-16 2067
颜色名称(中) 颜色名称(英) RGB值 色块显示 艾丽斯蓝 aliceblue #F0F8FF   古白色 antiquewhite #FAEBD7   青色 aqua #00FFFF   海蓝色 aquamar...
HTML中常用的颜色词汇
weixin_30887919的博客
10-17 2205
white （白色）、 black（黑色） 、 blue（蓝色） 、 green（绿色） 、red（红色） 、yellow（黄色） 、 pink（粉色）、gray（灰色）、brown（棕色）、 green（绿色）、blue （淡蓝色）、brown （棕色）、 violet（紫色）、orange（橙色）、cyan (天蓝色 ) 、 转载于:https://www.cnblog...
jQuery过滤HTML标签并高亮显示关键字的方法
12-01
总结，jQuery 提供了一种高效的方式来过滤 HTML 标签并高亮显示关键字。通过理解选择器、DOM 操作以及字符串处理方法，我们可以轻松地实现此类功能，提升用户体验。在实际项目中，还可以根据需求扩展此功能，例如...
Html旋转光圈——追光者♂ .zip
09-10
5. **内阴影**：通过`box-shadow`创建光圈的立体感，可能包括`inset`关键字、颜色、模糊半径、偏移距离等。 最后，JavaScript（JS）可能用来控制光圈的启动、停止或根据用户交互动态调整。例如，可以通过监听`...
js实现关键字球状旋转效果
07-20
在JavaScript和jQuery的世界里，创建视觉上的特效是提升用户体验的重要手段之一。本示例中，我们将探讨如何利用...在实际应用中，可以根据需要调整关键词的数量、颜色、大小以及旋转速度等参数，以适应不同的设计需求。
16种合法的HTML预定义颜色名
yw2325的专栏
01-10 1544
16种合法的HTML预定义颜色名[HTML color 颜色] 有16中合法的预定义颜色名字。它们是：1 aqua（水绿）、2 black（黑）、3 blue（蓝）、4 fuchsia（紫红）、5 gray（灰）、6 green（绿）、7 lime（浅绿）、8 maroon（褐）、9 
一款好用的html5样式demo
05-24
一款好用，好看的html5样式及代码的demo，建议在谷歌等有开发者模式的浏览器上面查看
颜色名称及色样表(HTML版)
chritina的专栏
03-30 3391
颜色名称及色样表(HTML版)  名称 Color Name 中文名称 Hex RGB 十进制 Decimal 数值   LightPink 浅粉红 #FFB6C1 255,182,193     Pink 粉红 #FFC0CB 255,192,203     Crimson 深红(猩红) #DC143C 220,2
HTML颜色关键词
Code Metaverse
11-26 1491
颜色名称和sRGB颜色值   Black = #000000   Green = #008000   Silver = #C0C0C0   Lime = #00FF00   Gray = #808080   Olive = #808000   White = #FFFFFF   Yellow = #FFFF00
HTML颜色编码和名称
夏侯依风 的博客
01-28 1万+
HTML颜色代码是十六进制的三元组编码，代表红-绿-蓝（#RR-GG-BB）。例如，在红色中，颜色编码为＃FF0000，即“ 255”红色，“ 0”绿色和“ 0”蓝色。这些颜色编码可以更改网页上的背景，文本和表格的颜色。 文章目录一、主要十六进制颜色编码二、颜色编码表 一、主要十六进制颜色编码 以下是一些常见的颜色名称和编码。使用这些颜色，还可以用该颜色英文名称。例如，在使用颜色代码的HTML标签和CSS中，可以使用 “red” 代替 “＃FF0000”。 颜色名称 颜色编码 颜色名称 颜色编..
【杭州seo】百度快照关键词不同颜色的代表含义
强强seo博客
09-02 2365
　【杭州seo|www.qqseoyh.com】百度快照关键词不同颜色的代表含义 　　我们在查看百度快照时，经常会发现关键词会有不一样的颜色，一般主要出现颜色有黄色、绿色、紫色等。有些seo新手朋友可能不是很明白这些颜色所代表的含义，杭州seo强强这里跟大家科普一下百度快照关键词不同颜色所代表的含义。 　　其实出现这种情况，杭州seo|www.qqseoyh.com认为这是因为百度分词所造...
ASCII码对照表（HTML颜色代码表）
爱看书的小沐
10-21 3万+
文章目录1、简介1.1 CIE色度图1.2 RGB颜色空间1.3 CMYK颜色空间1.4 Lab颜色空间1.5 HSV颜色空间2、颜色表一3、颜色表二4、颜色表三结语 1、简介 1.1 CIE色度图 色度图，也叫它马蹄图。颜色是光形成的。任何一种颜色，只要有光谱数据，就能用公式算出其在色度图上的坐标。也就是所有地球上能实现的颜色，都可以通过色品图的坐标标注出来，不会超过这个范围。而色空间是一个三维空间，所以色度图是不包含明度信息的。实际上，色度图的坐标，标注的是RGB三原色之间的比例，也就是相对大小，不是绝
颜色大全
热门推荐
识物专栏
01-28 13万+
# _*_ coding: utf-8 _*_ from Tkinter import * colors = '''#FFB6C1 LightPink 浅粉红 ,#FFC0CB Pink 粉红 ,#DC143C Crimson 深红/猩红 ,#FFF0F5 LavenderBlush 淡紫红 ,#DB7093 PaleVioletRed 弱紫罗兰红 ,#FF69B4 HotPink 热情的粉红 ,#FF1493 DeepPink 深粉红 ,#C71585 MediumVioletRed 中紫罗兰红 ...
HTML学习（16）颜色
b4834988的博客
09-17 147
HTML 颜色由红色、绿色、蓝色混合而成。 颜色值 HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 黑色：#000000，rgb(0,0,0) 白色：#FFFFFF，rgb(255,255,255) 注：十六进制转十进制 2AF3 --- 2*16^3...
javascript怎么关键字高亮随机不同颜色
09-11
### 回答1： 您好，关于您的问题，可以通过使用CSS样式来实现关键字高亮，并且可以使用JavaScript生成随机颜色。具体实现方法可以参考以下代码： ```html <style> .highlight { background-color: #FCD5CE; /* 设置关键字高亮颜色 */ } </style> <script> function highlightKeywords() { var keywords = ["JavaScript", "CSS", "HTML"]; // 关键字列表 var elements = document.getElementsByTagName("*"); // 获取所有元素 for (var i = ; i < elements.length; i++) { var element = elements[i]; if (element.nodeType === 3) { // 判断是否为文本节点 var text = element.nodeValue; var replacedText = text; for (var j = ; j < keywords.length; j++) { var keyword = keywords[j]; var regex = new RegExp(keyword, "gi"); // 创建正则表达式，忽略大小写 if (regex.test(text)) { var span = document.createElement("span"); span.className = "highlight"; span.style.backgroundColor = getRandomColor(); // 设置随机颜色 span.textContent = keyword; replacedText = replacedText.replace(regex, span.outerHTML); } } if (replacedText !== text) { var newNode = document.createElement("span"); newNode.innerHTML = replacedText; element.parentNode.replaceChild(newNode, element); } } } } function getRandomColor() { var letters = "0123456789ABCDEF"; var color = "#"; for (var i = ; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } window.onload = highlightKeywords; // 页面加载完成后执行高亮函数 </script> ``` 以上代码可以实现在页面中将指定的关键字高亮，并且每个关键字的高亮颜色都是随机生成的。希望对您有所帮助。 ### 回答2： 在JavaScript中，我们可以运用CSS样式和DOM操作来实现关键字的高亮显示，并随机分配不同的颜色。 首先，我们需要为要高亮显示的关键字添加一个class或者id。例如，我们可以将关键字用`span`标签包裹，并设置一个class名为"highlight"，如下所示： ```html <p>这是一个<span class="highlight">关键字</span>的例子。</p> ``` 接下来，在JavaScript中，我们可以通过获取所有包含关键字的元素，并为它们随机分配不同的颜色样式。 ```javascript // 获取所有拥有highlight类名的元素 const highlightElements = document.getElementsByClassName('highlight'); // 生成随机颜色的函数 function getRandomColor() { const letters = '0123456789ABCDEF'; let color = '#'; for (let i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } // 为每个关键字元素添加随机颜色样式 for (let element of highlightElements) { const randomColor = getRandomColor(); element.style.backgroundColor = randomColor; element.style.color = 'white'; // 可选，为了确保文本可读性 } ``` 以上代码会为所有拥有highlight类名的元素随机分配不同的背景颜色。`getRandomColor`函数会生成一个随机的十六进制颜色码，然后在循环中为每个关键字元素设置`backgroundColor`样式为生成的颜色，可以添加`color`样式属性，以确保文本的可读性。 使用这种方式，关键字在页面中将以不同的随机颜色高亮显示。 ### 回答3： 要实现JavaScript关键字的随机不同颜色高亮，可以按照以下步骤进行： 1. 首先，创建一个包含所有关键字的数组。可以使用JavaScript中的关键字列表或自定义关键字列表。 2. 使用JavaScript的Math.random()函数生成一个0到1之间的随机数。 3. 将随机数乘以关键字颜色总数并向下取整，得到一个索引值。 4. 使用该索引值从颜色数组中获取对应的颜色。 5. 将获取到的颜色应用到关键字的高亮样式中，例如使用CSS的color属性。 6. 重复步骤2至5，为每个关键字生成不同的随机颜色并应用到对应的高亮样式中。 以下是示例代码实现上述步骤： ```html <!DOCTYPE html> <html> <head> <style> .highlight { color: black; font-weight: bold; } </style> </head> <body> <p id="code"> var x = 5; for (var i = 0; i < 10; i++) { console.log(i); } var y = 10; </p> <script> // 关键字列表 var keywords = [ "var", "for", "console", "log", ]; // 颜色列表 var colors = ["red", "blue", "green", "yellow", "orange"]; var codeElement = document.getElementById("code"); // 遍历关键字列表 for (var i = 0; i < keywords.length; i++) { // 生成随机颜色索引 var randomIndex = Math.floor(Math.random() * colors.length); // 获取随机颜色 var randomColor = colors[randomIndex]; // 创建高亮样式 var highlightStyle = "color: " + randomColor; // 高亮关键字 var keywordRegExp = new RegExp("\\b" + keywords[i] + "\\b", "g"); codeElement.innerHTML = codeElement.innerHTML.replace( keywordRegExp, '<span class="highlight" style="' + highlightStyle + '">$&</span>' ); } </script> </body> </html> ``` 上述代码通过使用正则表达式将关键字找出并包裹在`<span>`标签中，该标签具有带有随机颜色类的高亮样式。每次运行代码，关键字都会被高亮为不同的随机颜色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值