HTML講座 色



色の指定には、色指定値と色名の2つの方法があります。 ○色名 色名を直接指定します。 ○色指定値 先頭に#を付けた16進6桁で指定。 16進とは、0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,fで1桁を表す。 色の3原色であるR(赤)G(緑)B(青)をそれぞれ2桁の16進で表記。 #RRGGBB 6桁の数値の最初の2桁がR(赤)、中の2桁がG(緑)、終りの2桁がB(青)を表している。 最大で1677万7216色の表示が可能。            


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


戻る