HTML 颜色名和拾色器

最新推荐文章于 2025-12-31 14:00:00 发布
原创 最新推荐文章于 2025-12-31 14:00:00 发布 · 1.1k 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

HTML 颜色名

目前所有浏览器都支持以下颜色名。

141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。

Remark

 提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。：

按颜色名排序

按十六进制的值排序

单击一个颜色名或者 16 进制值，就可以查看与不同文字颜色搭配的背景颜色。

Color NameHEXColor
AliceBlue#F0F8FF
AntiqueWhite#FAEBD7
Aqua#00FFFF
Aquamarine#7FFFD4
Azure#F0FFFF
Beige#F5F5DC
Bisque#FFE4C4
Black#000000
BlanchedAlmond#FFEBCD
Blue#0000FF
BlueViolet#8A2BE2
Brown#A52A2A
BurlyWood#DEB887
CadetBlue#5F9EA0
Chartreuse#7FFF00
Chocolate#D2691E
Coral#FF7F50
CornflowerBlue#6495ED
Cornsilk#FFF8DC
Crimson#DC143C
Cyan#00FFFF
DarkBlue#00008B
DarkCyan#008B8B
DarkGoldenRod#B8860B
DarkGray#A9A9A9
DarkGreen#006400
DarkKhaki#BDB76B
DarkMagenta#8B008B
DarkOliveGreen#556B2F
DarkOrange#FF8C00
DarkOrchid#9932CC
DarkRed#8B0000
DarkSalmon#E9967A
DarkSeaGreen#8FBC8F
DarkSlateBlue#483D8B
DarkSlateGray#2F4F4F
DarkTurquoise#00CED1
DarkViolet#9400D3
DeepPink#FF1493
DeepSkyBlue#00BFFF
DimGray#696969
DodgerBlue#1E90FF
FireBrick#B22222
FloralWhite#FFFAF0
ForestGreen#228B22
Fuchsia#FF00FF
Gainsboro#DCDCDC
GhostWhite#F8F8FF
Gold#FFD700
GoldenRod#DAA520
Gray#808080
Green#008000
GreenYellow#ADFF2F
HoneyDew#F0FFF0
HotPink#FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory#FFFFF0
Khaki#F0E68C
Lavender#E6E6FA
LavenderBlush#FFF0F5
LawnGreen#7CFC00
LemonChiffon#FFFACD
LightBlue#ADD8E6
LightCoral#F08080
LightCyan#E0FFFF
LightGoldenRodYellow#FAFAD2
LightGray#D3D3D3
LightGreen#90EE90
LightPink#FFB6C1
LightSalmon#FFA07A
LightSeaGreen#20B2AA
LightSkyBlue#87CEFA
LightSlateGray#778899
LightSteelBlue#B0C4DE
LightYellow#FFFFE0
Lime#00FF00
LimeGreen#32CD32
Linen#FAF0E6
Magenta#FF00FF
Maroon#800000
MediumAquaMarine#66CDAA
MediumBlue#0000CD
MediumOrchid#BA55D3
MediumPurple#9370DB
MediumSeaGreen#3CB371
MediumSlateBlue#7B68EE
MediumSpringGreen#00FA9A
MediumTurquoise#48D1CC
MediumVioletRed#C71585
MidnightBlue#191970
MintCream#F5FFFA
MistyRose#FFE4E1
Moccasin#FFE4B5
NavajoWhite#FFDEAD
Navy#000080
OldLace#FDF5E6
Olive#808000
OliveDrab#6B8E23
Orange#FFA500
OrangeRed#FF4500
Orchid#DA70D6
PaleGoldenRod#EEE8AA
PaleGreen#98FB98
PaleTurquoise#AFEEEE
PaleVioletRed#DB7093
PapayaWhip#FFEFD5
PeachPuff#FFDAB9
Peru#CD853F
Pink#FFC0CB
Plum#DDA0DD
PowderBlue#B0E0E6
Purple#800080
Red#FF0000
RosyBrown#BC8F8F
RoyalBlue#4169E1
SaddleBrown#8B4513
Salmon#FA8072
SandyBrown#F4A460
SeaGreen#2E8B57
SeaShell#FFF5EE
Sienna#A0522D
Silver#C0C0C0
SkyBlue#87CEEB
SlateBlue#6A5ACD
SlateGray#708090
Snow#FFFAFA
SpringGreen#00FF7F
SteelBlue#4682B4
Tan#D2B48C
Teal#008080
Thistle#D8BFD8
Tomato#FF6347
Turquoise#40E0D0
Violet#EE82EE
Wheat#F5DEB3
White#FFFFFF
WhiteSmoke#F5F5F5
Yellow#FFFF00
YellowGreen#9ACD32

 

 HTML 参考手册 

HTML 标签列表(字母排序)HTML 标签列表（功能排序）HTML 全局属性HTML 事件HTML 画布HTML 音频/视频HTML 有效DOCTYPESHTML 颜色名 HTML 取色器/拾色器HTML 颜色混搭HTML EmojiHTML 字符集HTML ASCIIHTML ISO-8859-1HTML 符号HTML URL 编码HTML 语言代码HTML 国家/地区代码HTTP 消息HTTP 方法Px/Em 换算工具键盘快捷键

HTML 标签

<!--><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><command><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><head><header><hgroup><h1> - <h6><hr><i><iframe><img><input><ins><kbd><keygen><label><legend><li><link><main><map><mark><menu><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><pre><html><picture><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><table><tbody><td><textarea>< template><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr>

 HTML 颜色名

HTML 颜色混搭

HTML 取色器/拾色器

选取颜色:

colormap

或输入颜色值:

OK

 

或使用 HTML5:


 

选择的颜色:



黑色文本

阴影

白色文本

阴影

red

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

hsv(0, 100%, 100%)

淡 / 暗:

100%  #ffffff
95%  #ffe5e5
90%  #ffcccc
85%  #ffb3b3
80%  #ff9999
75%  #ff8080
70%  #ff6666
65%  #ff4d4d
60%  #ff3333
55%  #ff1a1a
50% 
 		 #ff0000
45%  #e60000
40%  #cc0000
35%  #b30000
30%  #990000
25%  #800000
20%  #660000
15%  #4d0000
10%  #330000
5%  #1a0000
0%  #000000

Hue

Hue HexRgbHslHsv
0 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
15 #ff4000rgb(255, 64, 0)hsl(15, 100%, 50%)hsv(15, 100%, 100%)
30 #ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)hsv(30, 100%, 100%)
45 #ffbf00rgb(255, 191, 0)hsl(45, 100%, 50%)hsv(45, 100%, 100%)
60 #ffff00rgb(255, 255, 0)hsl(60, 100%, 50%)hsv(60, 100%, 100%)
75 #bfff00rgb(191, 255, 0)hsl(75, 100%, 50%)hsv(75, 100%, 100%)
90 #80ff00rgb(128, 255, 0)hsl(90, 100%, 50%)hsv(90, 100%, 100%)
105 #40ff00rgb(64, 255, 0)hsl(105, 100%, 50%)hsv(105, 100%, 100%)
120 #00ff00rgb(0, 255, 0)hsl(120, 100%, 50%)hsv(120, 100%, 100%)
135 #00ff40rgb(0, 255, 64)hsl(135, 100%, 50%)hsv(135, 100%, 100%)
150 #00ff80rgb(0, 255, 128)hsl(150, 100%, 50%)hsv(150, 100%, 100%)
165 #00ffbfrgb(0, 255, 191)hsl(165, 100%, 50%)hsv(165, 100%, 100%)
180 #00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)hsv(180, 100%, 100%)
195 #00bfffrgb(0, 191, 255)hsl(195, 100%, 50%)hsv(195, 100%, 100%)
210 #007fffrgb(0, 127, 255)hsl(210, 100%, 50%)hsv(210, 100%, 100%)
225 #0040ffrgb(0, 64, 255)hsl(225, 100%, 50%)hsv(225, 100%, 100%)
240 #0000ffrgb(0, 0, 255)hsl(240, 100%, 50%)hsv(240, 100%, 100%)
255 #4000ffrgb(64, 0, 255)hsl(255, 100%, 50%)hsv(255, 100%, 100%)
270 #7f00ffrgb(127, 0, 255)hsl(270, 100%, 50%)hsv(270, 100%, 100%)
285 #bf00ffrgb(191, 0, 255)hsl(285, 100%, 50%)hsv(285, 100%, 100%)
300 #ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)hsv(300, 100%, 100%)
315 #ff00bfrgb(255, 0, 191)hsl(315, 100%, 50%)hsv(315, 100%, 100%)
330 #ff0080rgb(255, 0, 128)hsl(330, 100%, 50%)hsv(330, 100%, 100%)
345 #ff0040rgb(255, 0, 64)hsl(345, 100%, 50%)hsv(345, 100%, 100%)
360 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)

HSL Saturation

Sat HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #f90606rgb(249, 6, 6)hsl(0, 95%, 50%)hsv(0, 97%, 98%)
90% #f20d0drgb(242, 13, 13)hsl(0, 90%, 50%)hsv(0, 95%, 95%)
85% #ec1313rgb(236, 19, 19)hsl(0, 85%, 50%)hsv(0, 92%, 93%)
80% #e61919rgb(230, 25, 25)hsl(0, 80%, 50%)hsv(0, 89%, 90%)
75% #df2020rgb(223, 32, 32)hsl(0, 75%, 50%)hsv(0, 86%, 88%)
70% #d92626rgb(217, 38, 38)hsl(0, 70%, 50%)hsv(0, 82%, 85%)
65% #d22d2drgb(210, 45, 45)hsl(0, 65%, 50%)hsv(0, 79%, 83%)
60% #cc3333rgb(204, 51, 51)hsl(0, 60%, 50%)hsv(0, 75%, 80%)
55% #c63939rgb(198, 57, 57)hsl(0, 55%, 50%)hsv(0, 71%, 78%)
50% #bf4040rgb(191, 64, 64)hsl(0, 50%, 50%)hsv(0, 67%, 75%)
45% #b94646rgb(185, 70, 70)hsl(0, 45%, 50%)hsv(0, 62%, 73%)
40% #b34d4drgb(179, 77, 77)hsl(0, 40%, 50%)hsv(0, 57%, 70%)
35% #ac5353rgb(172, 83, 83)hsl(0, 35%, 50%)hsv(0, 52%, 68%)
30% #a65959rgb(166, 89, 89)hsl(0, 30%, 50%)hsv(0, 46%, 65%)
25% #9f6060rgb(159, 96, 96)hsl(0, 25%, 50%)hsv(0, 40%, 63%)
20% #996666rgb(153, 102, 102)hsl(0, 20%, 50%)hsv(0, 33%, 60%)
15% #936c6crgb(147, 108, 108)hsl(0, 15%, 50%)hsv(0, 26%, 58%)
10% #8c7373rgb(140, 115, 115)hsl(0, 10%, 50%)hsv(0, 18%, 55%)
5% #867979rgb(134, 121, 121)hsl(0, 5%, 50%)hsv(0, 10%, 53%)
0% #808080rgb(128, 128, 128)hsl(0, 0%, 50%)hsv(0, 0%, 50%)

HSL 淡 / 暗

Lum HexRgbHslHsv
100% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)
95% #ffe5e5rgb(255, 229, 229)hsl(0, 100%, 95%)hsv(0, 10%, 100%)
90% #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)hsv(0, 20%, 100%)
85% #ffb3b3rgb(255, 179, 179)hsl(0, 100%, 85%)hsv(0, 30%, 100%)
80% #ff9999rgb(255, 153, 153)hsl(0, 100%, 80%)hsv(0, 40%, 100%)
75% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)hsv(0, 50%, 100%)
70% #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)hsv(0, 60%, 100%)
65% #ff4d4drgb(255, 77, 77)hsl(0, 100%, 65%)hsv(0, 70%, 100%)
60% #ff3333rgb(255, 51, 51)hsl(0, 100%, 60%)hsv(0, 80%, 100%)
55% #ff1a1argb(255, 26, 26)hsl(0, 100%, 55%)hsv(0, 90%, 100%)
50% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
45% #e60000rgb(230, 0, 0)hsl(0, 100%, 45%)hsv(0, 100%, 90%)
40% #cc0000rgb(204, 0, 0)hsl(0, 100%, 40%)hsv(0, 100%, 80%)
35% #b30000rgb(179, 0, 0)hsl(0, 100%, 35%)hsv(0, 100%, 70%)
30% #990000rgb(153, 0, 0)hsl(0, 100%, 30%)hsv(0, 100%, 60%)
25% #800000rgb(128, 0, 0)hsl(0, 100%, 25%)hsv(0, 100%, 50%)
20% #660000rgb(102, 0, 0)hsl(0, 100%, 20%)hsv(0, 100%, 40%)
15% #4d0000rgb(77, 0, 0)hsl(0, 100%, 15%)hsv(0, 100%, 30%)
10% #330000rgb(51, 0, 0)hsl(0, 100%, 10%)hsv(0, 100%, 20%)
5% #1a0000rgb(26, 0, 0)hsl(0, 100%, 5%)hsv(0, 100%, 10%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

HSV Saturation

Sat HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #ff0d0drgb(255, 13, 13)hsl(0, 100%, 53%)hsv(0, 95%, 100%)
90% #ff1919rgb(255, 25, 25)hsl(0, 100%, 55%)hsv(0, 90%, 100%)
85% #ff2626rgb(255, 38, 38)hsl(0, 100%, 57%)hsv(0, 85%, 100%)
80% #ff3333rgb(255, 51, 51)hsl(0, 100%, 60%)hsv(0, 80%, 100%)
75% #ff4040rgb(255, 64, 64)hsl(0, 100%, 63%)hsv(0, 75%, 100%)
70% #ff4d4drgb(255, 77, 77)hsl(0, 100%, 65%)hsv(0, 70%, 100%)
65% #ff5959rgb(255, 89, 89)hsl(0, 100%, 68%)hsv(0, 65%, 100%)
60% #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)hsv(0, 60%, 100%)
55% #ff7373rgb(255, 115, 115)hsl(0, 100%, 73%)hsv(0, 55%, 100%)
50% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)hsv(0, 50%, 100%)
45% #ff8c8crgb(255, 140, 140)hsl(0, 100%, 78%)hsv(0, 45%, 100%)
40% #ff9999rgb(255, 153, 153)hsl(0, 100%, 80%)hsv(0, 40%, 100%)
35% #ffa6a6rgb(255, 166, 166)hsl(0, 100%, 83%)hsv(0, 35%, 100%)
30% #ffb3b3rgb(255, 179, 179)hsl(0, 100%, 85%)hsv(0, 30%, 100%)
25% #ffbfbfrgb(255, 191, 191)hsl(0, 100%, 88%)hsv(0, 25%, 100%)
20% #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)hsv(0, 20%, 100%)
15% #ffd9d9rgb(255, 217, 217)hsl(0, 100%, 93%)hsv(0, 15%, 100%)
10% #ffe6e6rgb(255, 230, 230)hsl(0, 100%, 95%)hsv(0, 10%, 100%)
5% #fff2f2rgb(255, 242, 242)hsl(0, 100%, 98%)hsv(0, 5%, 100%)
0% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)

HSV 亮 / 暗

Value HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #f20000rgb(242, 0, 0)hsl(0, 100%, 48%)hsv(0, 100%, 95%)
90% #e60000rgb(230, 0, 0)hsl(0, 100%, 45%)hsv(0, 100%, 90%)
85% #d90000rgb(217, 0, 0)hsl(0, 100%, 43%)hsv(0, 100%, 85%)
80% #cc0000rgb(204, 0, 0)hsl(0, 100%, 40%)hsv(0, 100%, 80%)
75% #bf0000rgb(191, 0, 0)hsl(0, 100%, 38%)hsv(0, 100%, 75%)
70% #b30000rgb(179, 0, 0)hsl(0, 100%, 35%)hsv(0, 100%, 70%)
65% #a60000rgb(166, 0, 0)hsl(0, 100%, 33%)hsv(0, 100%, 65%)
60% #990000rgb(153, 0, 0)hsl(0, 100%, 30%)hsv(0, 100%, 60%)
55% #8c0000rgb(140, 0, 0)hsl(0, 100%, 28%)hsv(0, 100%, 55%)
50% #800000rgb(128, 0, 0)hsl(0, 100%, 25%)hsv(0, 100%, 50%)
45% #730000rgb(115, 0, 0)hsl(0, 100%, 23%)hsv(0, 100%, 45%)
40% #660000rgb(102, 0, 0)hsl(0, 100%, 20%)hsv(0, 100%, 40%)
35% #590000rgb(89, 0, 0)hsl(0, 100%, 18%)hsv(0, 100%, 35%)
30% #4d0000rgb(77, 0, 0)hsl(0, 100%, 15%)hsv(0, 100%, 30%)
25% #400000rgb(64, 0, 0)hsl(0, 100%, 13%)hsv(0, 100%, 25%)
20% #330000rgb(51, 0, 0)hsl(0, 100%, 10%)hsv(0, 100%, 20%)
15% #260000rgb(38, 0, 0)hsl(0, 100%, 8%)hsv(0, 100%, 15%)
10% #1a0000rgb(26, 0, 0)hsl(0, 100%, 5%)hsv(0, 100%, 10%)
5% #0d0000rgb(13, 0, 0)hsl(0, 100%, 3%)hsv(0, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

RGB (Red, Green, Blue)

RedGreenBlue
25500

rgb(255, 0, 0)  #ff0000

HTML 取色器/拾色器
unber的博客
03-18 810
OK黑色文本阴影白色文本阴影。
HTML 拾色器：色彩运用的艺术与技巧
froginwe11的博客
02-07 432
HTML拾色器是一种用于选择颜色的工具，它可以显示一个颜色调板，用户可以通过鼠标点击或滑动选择所需的颜色。在网页设计中，HTML拾色器可以用于设置文字颜色、背景颜色、边框颜色等。HTML拾色器是网页设计中不可或缺的工具之一。掌握HTML拾色器的使用方法和色彩搭配技巧，可以帮助设计师和开发者提升网页的整体视觉效果。在网页设计中，合理运用色彩，可以使网页更具吸引力，给用户带来更好的浏览体验。
颜色代码：网页颜色代码大全及色彩搭配教程
热门推荐
Hama White 的博客
07-17 3万+
非常quanmia转自：2008-07-28 http://huayi898.blog.163.com/blog/static/25813516200862874336792/  华艺时空注：        鉴于朋友们（包括我自己）在设计网页、取用颜色时到处东翻西找的不便，经过认真学习领悟，觉得有必要把比较全面的颜色代码表做到博客中来，同时更觉得网页颜色搭配常规性知
HTML 拾色器
wjs2024的博客
08-18 988
HTML拾色器是一种实用的工具，它允许用户在HTML文档中选择和预览颜色。在网页设计和开发中，颜色选择是一个重要的环节，因为它直接影响到用户的视觉体验和网页的整体美观。HTML拾色器为用户提供了方便快捷的方式来挑选合适的颜色，从而提高设计和开发的效率。
一些实用的取色器
菜菜鸟的博客
07-30 1万+
1.浏览器/编程工具自带拾色器 2.笔记本自带画图工具 Win+r ：进入运行程序 输入mspaint 进入画图工具，并打开你要拾取颜色的图片 3.ps拾色器 4.一个好用的屏幕拾色器 地址： https://luohangfan-blog.oss-cn-beijing.aliyuncs.com/工具/YAHOOpmqs.exe ...
精选资源
屏幕拾色器好用的三款小程序
06-11
Adobe 拾色器中的色域可显示 HSB 颜色模式、RGB 颜色模式和 (Photoshop) Lab 颜色模式中的颜色分量。 博主收藏的好用的三款拾色器小软件，推荐大家使用，特别是在PS或者前端开发中可以快速得到自己想用的颜色RGB格式...
JS实现的网页上的颜色拾色器
10-22
本案例中的颜色拾色器主要是通过HTML和JavaScript实现的。具体步骤如下： 1. **HTML布局**：首先需要创建一个包含颜色选项的HTML结构。 2. **CSS样式**：为了使颜色拾色器更加美观，需要使用CSS进行简单的样式设计...
html5 学习简单的拾色器
09-28
在上述的拾色器代码中，使用了Canvas元素作为拾色区域，并通过JavaScript动态创建和操作Canvas。 2. JavaScript操作Canvas 代码中使用了JavaScript来创建一个Canvas元素，并获取其2D渲染上下文（context）。然后...
HTML Color Picker(js拾色器效果)
12-09
HTML Color Picker是一个JavaScript实现的颜色选择器，用于网页中让用户能够...这个JavaScript拾色器是实现网页颜色选择功能的一个简单而实用的方法，特别适合那些需要用户输入颜色信息但又不希望引入复杂插件的场合。
HTML_05_颜色
pre_eminent的JAVA学习园地
03-07 994
HTML 颜色HTML 颜色采用的是 RGB 颜色，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色。Color ValuesHTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。颜色的最小值是0（十六进制：#00）最大值是255（十六进制：#FF）这个表格给出了由三种颜色混合...
常用颜色RGB、灰度值、取色值、透明度。
yechaoa
02-16 2万+
■■■■■#DC143C——Crimson深红/猩红 ■■■■■#FFF0F5——LavenderBlush淡紫红 ■■■■■#DB7093——PaleVioletRed弱紫罗兰红 ■■■■■#FF69B4——HotPink热情的粉红 ■■■■■#FF1493——DeepPink深粉红 ■■■■■#C71585——MediumVioletRed中紫罗兰红 ■■■■■#DA70D6——O...
使用 HTML + JavaScript 实现滑动验证码
bjzhang75的博客
12-30 572
使用 HTML + JavaScript 实现滑动验证码
打造专属桌面时钟：纯HTML实现的全功能动态时钟
Winfredzhang的博客
12-27 1337
本文介绍了一款纯HTML+CSS+JavaScript开发的精美桌面时钟应用，具有以下特点：1）双模式显示（数字+模拟时钟）；2）完整日期信息（公历、农历、生肖等）；3）5种主题切换和背景自定义功能；4）数据自动保存；5）支持Windows开机自启。技术实现采用玻璃拟态设计风格，通过setInterval实时更新，使用localStorage保存设置，并提供了农历计算、周数统计等实用功能。用户只需保存为HTML文件即可双击运行，也可通过批处理或Delphi程序实现更专业的启动方式。
HTML 模块化方案
最新发布
网络风云的博客
12-31 170
在 FastAPI 中拆分大型 HTML，推荐使用 Jinja2 模板引擎，它既支持模板继承又支持独立运行。这种方案既保证了运行流畅（通过模板继承和缓存），又能让组件独立运行（通过条件判断）。│ │ ├── header.html # 可独立运行。│ │ ├── sidebar.html # 可独立运行。│ │ └── footer.html # 可独立运行。3. 独立可运行的组件（header.html）sidebar.html（独立可运行）FastAPI 路由。
使用 HTML + JavaScript 实现可编辑表格
bjzhang75的博客
12-26 776
使用 HTML + JavaScript 实现可编辑表格
HTML中常用HASH算法使用笔记
foo1st的专栏
12-26 373
本文介绍了网页端敏感数据加密传输的技术方案。由于安全性考虑，推荐使用HASH算法而非对称/非对称加密，重点对比了SHA-256（crypto-js库）和国密SM3（sm-crypto库）的实现方法，并提供了对应的JavaScript代码示例。文章指出MD5已不推荐使用，同时提到Java平台需通过Bouncy Castle支持国密算法。最后提及Keccak-256作为SHA-256升级版目前缺乏JavaScript支持。全文通过具体代码演示了不同加密算法的实现方式和输出效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奋进学堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值