• html5&css&js代码 018颜色表


    这段代码展示了一个基本的颜色表,方便参考使用,同时也应用了各种样式应用方式。

    一、代码

    
    
    
        编程笔记 html5&css&js 颜色表
        
        
    
    
    
    

    HTML颜色

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

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

    本页面可能受到浏览器的限制,所以可能无法显示所有颜色。

    请关闭Dark Reader等改变颜色的插件,以免影响颜色的真实性。


    按颜色名排序

    英文颜色名 中文颜色名 HEX Color
    AliceBlue 爱丽丝蓝 #F0F8FF  
    AntiqueWhite 古董白 #FAEBD7  
    Aqua 水色 #00FFFF  
    Aquamarine 海绿色 #7FFFD4  
    Azure 天蓝色 #F0FFFF  
    Beige 米色 #F5F5DC  
    Bisque 深陶瓦色 #FFE4C4  
    Black 黑色 #000000  
    BlanchedAlmond 熟杏仁色 #FFEBCD  
    Blue 蓝色 #0000FF  
    BlueViolet 蓝紫色 #8A2BE2  
    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+CSS+JavaScript编程配套代码 作者:明月看潮生
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212
    • 213
    • 214
    • 215
    • 216
    • 217
    • 218
    • 219
    • 220
    • 221
    • 222
    • 223
    • 224
    • 225
    • 226
    • 227
    • 228
    • 229
    • 230
    • 231
    • 232
    • 233
    • 234
    • 235
    • 236
    • 237
    • 238
    • 239
    • 240
    • 241
    • 242
    • 243
    • 244
    • 245
    • 246
    • 247
    • 248
    • 249
    • 250
    • 251
    • 252
    • 253
    • 254
    • 255
    • 256
    • 257
    • 258
    • 259
    • 260
    • 261
    • 262
    • 263
    • 264
    • 265
    • 266
    • 267
    • 268
    • 269
    • 270
    • 271
    • 272
    • 273
    • 274
    • 275
    • 276
    • 277
    • 278
    • 279
    • 280
    • 281
    • 282
    • 283
    • 284
    • 285
    • 286
    • 287
    • 288
    • 289
    • 290
    • 291
    • 292
    • 293
    • 294
    • 295
    • 296
    • 297
    • 298
    • 299
    • 300
    • 301
    • 302
    • 303
    • 304
    • 305
    • 306
    • 307
    • 308
    • 309
    • 310
    • 311
    • 312
    • 313
    • 314
    • 315
    • 316
    • 317
    • 318
    • 319
    • 320
    • 321
    • 322
    • 323
    • 324
    • 325
    • 326
    • 327
    • 328
    • 329
    • 330
    • 331
    • 332
    • 333
    • 334
    • 335
    • 336
    • 337
    • 338
    • 339
    • 340
    • 341
    • 342
    • 343
    • 344
    • 345
    • 346
    • 347
    • 348
    • 349
    • 350
    • 351
    • 352
    • 353
    • 354
    • 355
    • 356
    • 357
    • 358
    • 359
    • 360
    • 361
    • 362
    • 363
    • 364
    • 365
    • 366
    • 367
    • 368
    • 369
    • 370
    • 371
    • 372
    • 373
    • 374
    • 375
    • 376
    • 377
    • 378
    • 379
    • 380
    • 381
    • 382
    • 383
    • 384
    • 385
    • 386
    • 387
    • 388
    • 389
    • 390
    • 391
    • 392
    • 393
    • 394
    • 395
    • 396
    • 397
    • 398
    • 399
    • 400
    • 401
    • 402
    • 403
    • 404
    • 405
    • 406
    • 407
    • 408
    • 409
    • 410
    • 411
    • 412
    • 413
    • 414
    • 415
    • 416
    • 417
    • 418
    • 419
    • 420
    • 421
    • 422
    • 423
    • 424
    • 425
    • 426
    • 427
    • 428
    • 429
    • 430
    • 431
    • 432
    • 433
    • 434
    • 435
    • 436
    • 437
    • 438
    • 439
    • 440
    • 441
    • 442
    • 443
    • 444
    • 445
    • 446
    • 447
    • 448
    • 449
    • 450
    • 451
    • 452
    • 453
    • 454
    • 455
    • 456
    • 457
    • 458
    • 459
    • 460
    • 461
    • 462
    • 463
    • 464
    • 465
    • 466
    • 467
    • 468
    • 469
    • 470
    • 471
    • 472
    • 473
    • 474
    • 475
    • 476
    • 477
    • 478
    • 479
    • 480
    • 481
    • 482
    • 483
    • 484
    • 485
    • 486
    • 487
    • 488
    • 489
    • 490
    • 491
    • 492
    • 493
    • 494
    • 495
    • 496
    • 497
    • 498
    • 499
    • 500
    • 501
    • 502
    • 503
    • 504
    • 505
    • 506
    • 507
    • 508
    • 509
    • 510
    • 511
    • 512
    • 513
    • 514
    • 515
    • 516
    • 517
    • 518
    • 519
    • 520
    • 521
    • 522
    • 523
    • 524
    • 525
    • 526
    • 527
    • 528
    • 529
    • 530
    • 531
    • 532
    • 533
    • 534
    • 535
    • 536
    • 537
    • 538
    • 539
    • 540
    • 541
    • 542
    • 543
    • 544
    • 545
    • 546
    • 547
    • 548
    • 549
    • 550
    • 551
    • 552
    • 553
    • 554
    • 555
    • 556
    • 557
    • 558
    • 559
    • 560
    • 561
    • 562
    • 563
    • 564
    • 565
    • 566
    • 567
    • 568
    • 569
    • 570
    • 571
    • 572
    • 573
    • 574
    • 575
    • 576
    • 577
    • 578
    • 579
    • 580
    • 581
    • 582
    • 583
    • 584
    • 585
    • 586
    • 587
    • 588
    • 589
    • 590
    • 591
    • 592
    • 593
    • 594
    • 595
    • 596
    • 597
    • 598
    • 599
    • 600
    • 601
    • 602
    • 603
    • 604
    • 605
    • 606
    • 607
    • 608
    • 609
    • 610
    • 611
    • 612
    • 613
    • 614
    • 615
    • 616
    • 617
    • 618
    • 619
    • 620
    • 621
    • 622
    • 623
    • 624
    • 625
    • 626
    • 627
    • 628
    • 629
    • 630
    • 631
    • 632
    • 633
    • 634
    • 635
    • 636
    • 637
    • 638
    • 639
    • 640
    • 641
    • 642
    • 643
    • 644
    • 645
    • 646
    • 647
    • 648
    • 649
    • 650
    • 651
    • 652
    • 653
    • 654
    • 655
    • 656
    • 657
    • 658
    • 659
    • 660
    • 661
    • 662
    • 663
    • 664
    • 665
    • 666
    • 667
    • 668
    • 669
    • 670
    • 671
    • 672
    • 673
    • 674
    • 675
    • 676
    • 677
    • 678
    • 679
    • 680
    • 681
    • 682
    • 683
    • 684
    • 685
    • 686
    • 687
    • 688
    • 689
    • 690
    • 691
    • 692
    • 693
    • 694
    • 695
    • 696
    • 697
    • 698
    • 699
    • 700
    • 701
    • 702
    • 703
    • 704
    • 705
    • 706
    • 707
    • 708
    • 709
    • 710
    • 711
    • 712
    • 713
    • 714
    • 715
    • 716
    • 717
    • 718
    • 719
    • 720
    • 721
    • 722
    • 723
    • 724
    • 725
    • 726
    • 727
    • 728
    • 729
    • 730
    • 731
    • 732
    • 733
    • 734
    • 735
    • 736
    • 737
    • 738
    • 739
    • 740
    • 741
    • 742
    • 743
    • 744
    • 745
    • 746
    • 747
    • 748
    • 749
    • 750
    • 751
    • 752
    • 753
    • 754
    • 755
    • 756
    • 757
    • 758
    • 759
    • 760
    • 761
    • 762
    • 763
    • 764
    • 765
    • 766
    • 767
    • 768
    • 769
    • 770
    • 771
    • 772
    • 773
    • 774
    • 775
    • 776
    • 777
    • 778
    • 779
    • 780
    • 781
    • 782
    • 783
    • 784
    • 785
    • 786
    • 787
    • 788
    • 789
    • 790
    • 791
    • 792
    • 793
    • 794
    • 795
    • 796
    • 797
    • 798
    • 799
    • 800
    • 801
    • 802
    • 803
    • 804
    • 805
    • 806
    • 807
    • 808
    • 809
    • 810
    • 811
    • 812
    • 813
    • 814
    • 815
    • 816
    • 817
    • 818
    • 819
    • 820
    • 821
    • 822
    • 823
    • 824
    • 825
    • 826
    • 827
    • 828
    • 829
    • 830
    • 831
    • 832
    • 833
    • 834
    • 835
    • 836
    • 837
    • 838
    • 839
    • 840
    • 841
    • 842
    • 843
    • 844
    • 845
    • 846
    • 847
    • 848
    • 849
    • 850
    • 851
    • 852
    • 853
    • 854
    • 855
    • 856
    • 857
    • 858
    • 859
    • 860
    • 861
    • 862
    • 863
    • 864
    • 865
    • 866
    • 867
    • 868
    • 869
    • 870
    • 871
    • 872
    • 873
    • 874
    • 875
    • 876
    • 877
    • 878
    • 879
    • 880
    • 881
    • 882
    • 883
    • 884
    • 885
    • 886
    • 887
    • 888
    • 889
    • 890
    • 891
    • 892
    • 893

    二、效果

    在这里插入图片描述

    三、解释

    这段代码展示了一个基本的颜色表,方便参考使用。

  • 相关阅读:
    MySQL数据库管理基本操作(一)
    七月外贸新规,外贸人请查收
    springboot + redis实现签到与统计功能
    手动从0搭建ABP框架-ABP官方完整解决方案和手动搭建简化解决方案实践
    Mysql备份工具innobackupex简单操作及参数说明
    【王道代码】【2.3链表】d3
    go语言添加代理
    前端使用Apache ECharts时,常用的配置项介绍
    C#句柄的操作(鼠标移动、键盘点击、复制粘贴)
    算法金 | 决策树、随机森林、bagging、boosting、Adaboost、GBDT、XGBoost 算法大全
  • 原文地址:https://blog.csdn.net/qq_40071585/article/details/136716420