HTML Color Reference

MOYO Laboratory  ≫ HTML リファレンス
フレーム あり ∥ なし
#FFFFFF #000000 #FF0000 #FF3200 #FF6500 #FF9800 #FFCB00 #FFFE00 #CCFF00 #99FF00 #65FF00 #32FF00 #00FF00 #00FF33 #00FF66 #00FF99 #00FFCB #00FFFF #00CBFF #0099FF #0066FF #0033FF #0000FF #3200FF #6600FF #9800FF #CC00FF #FF00FF #FF00CB #FF0098 #FF0066 #FF0033 #FFCCCC #CC0000 #FFD6CC #CC2800 #FFE0CC #CC5100 #FFEACC #CC7A00 #FFF4CC #CCA300 #FFFFCC #CCCB00 #F4FFCC #A3CC00 #EAFFCC #7ACC00 #E0FFCC #51CC00 #D6FFCC #28CC00 #CCFFCC #00CC00 #CCFFD6 #00CC28 #CCFFE0 #00CC51 #CCFFEA #00CC7A #CCFFF4 #00CCA3 #CCFFFF #00CCCC #CCF4FF #00A3CC #CCEAFF #007ACC #CCE0FF #0051CC #CCD6FF #0028CC #CCCCFF #0000CC #D6CCFF #2800CC #E0CCFF #5100CC #EACCFF #7A00CC #F4CCFF #A300CC #FFCCFF #CC00CC #FFCCF4 #CC00A3 #FFCCEA #CC007A #FFCCE0 #CC0051 #FFCCD6 #CC0028 #FF9999 #990000 #FFAD99 #991E00 #FFC199 #993D00 #FFD699 #995B00 #FFEA99 #997A00 #FFFE99 #999800 #EAFF99 #7A9900 #D6FF99 #5B9900 #C1FF99 #3D9900 #ADFF99 #1E9900 #99FF99 #009900 #99FFAD #00991E #99FFC1 #00993D #99FFD6 #00995B #99FFEA #00997A #99FFFF #009999 #99EAFF #007A99 #99D6FF #005B99 #99C1FF #003D99 #99ADFF #001E99 #9999FF #000099 #AD99FF #1E0099 #C199FF #3D0099 #D699FF #5B0099 #EA99FF #7A0099 #FF99FF #990099 #FF99EA #99007A #FF99D6 #99005B #FF99C1 #99003D #FF99AD #99001E #FF6666 #660000 #FF8466 #661400 #FFA366 #662800 #FFC166 #663D00 #FFE066 #665100 #FFFE66 #666500 #E0FF66 #516600 #C1FF66 #3D6600 #A3FF66 #286600 #84FF66 #146600 #66FF66 #006600 #66FF84 #006614 #66FFA3 #006628 #66FFC1 #00663D #66FFE0 #006651 #66FFFF #006666 #66E0FF #005166 #66C1FF #003D66 #66A3FF #002866 #6684FF #001466 #6666FF #000066 #8466FF #140066 #A366FF #280066 #C166FF #3D0066 #E066FF #510066 #FF66FF #660066 #FF66E0 #660051 #FF66C1 #66003D #FF66A3 #660028 #FF6684 #660014 #FF3232 #330000 #FF5B32 #330A00 #FF8432 #331400 #FFAD32 #331E00 #FFD632 #332800 #FFFE32 #333200 #D6FF32 #283300 #ADFF32 #1E3300 #84FF32 #143300 #5BFF32 #0A3300 #32FF32 #003300 #32FF5B #00330A #32FF84 #003314 #32FFAD #00331E #32FFD6 #003328 #32FFFF #003333 #32D6FF #002833 #32ADFF #001E33 #3284FF #001433 #325BFF #000A33 #3232FF #000033 #5B32FF #0A0033 #8432FF #140033 #AD32FF #1E0033 #D632FF #280033 #FF32FF #330033 #FF32D6 #330028 #FF32AD #33001E #FF3284 #330014 #FF325B #FFFFFF #CCCCCC #999999 #666666 #333333 #000000

よりどり彩色ツール

HTML カラーリファレンスを作っていたはずが、いつの間にか配色確認ツールになってしまいました… 「テキスト」「背景」「境界線」の色を選んで好みの組み合わせを試行錯誤するのに使ってください。

配色テンプレート:
カラーネーム(140色)
#FFB6C1lightpink
#FFB6C1
#FFC0CBpink
#FFC0CB
#DC143Ccrimson
#DC143C
#DB7093palevioletred
#DB7093
#FFF0F5lavenderblush
#FFF0F5
#FF69B4hotpink
#FF69B4
#FF1493deeppink
#FF1493
#C71585mediumvioletred
#C71585
#DA70D6orchid
#DA70D6
#FF00FFmagenta
#FF00FF
#FF00FFfuchsia
#FF00FF
#8B008Bdarkmagenta
#8B008B
#800080purple
#800080
#EE82EEviolet
#EE82EE
#DDA0DDplum
#DDA0DD
#D8BFD8thistle
#D8BFD8
#BA55D3mediumorchid
#BA55D3
#9400D3darkviolet
#9400D3
#9932CCdarkorchid
#9932CC
#4B0082indigo
#4B0082
#8A2BE2blueviolet
#8A2BE2
#9370DBmediumpurple
#9370DB
#7B68EEmediumslateblue
#7B68EE
#6A5ACDslateblue
#6A5ACD
#483D8Bdarkslateblue
#483D8B
#0000FFblue
#0000FF
#0000CDmediumblue
#0000CD
#00008Bdarkblue
#00008B
#000080navy
#000080
#191970midnightblue
#191970
#E6E6FAlavender
#E6E6FA
#F8F8FFghostwhite
#F8F8FF
#4169E1royalblue
#4169E1
#6495EDcornflowerblue
#6495ED
#B0C4DElightsteelblue
#B0C4DE
#1E90FFdodgerblue
#1E90FF
#778899lightslategray
#778899
#708090slategray
#708090
#4682B4steelblue
#4682B4
#F0F8FFaliceblue
#F0F8FF
#87CEFAlightskyblue
#87CEFA
#87CEEBskyblue
#87CEEB
#00BFFFdeepskyblue
#00BFFF
#ADD8E6lightblue
#ADD8E6
#B0E0E6powderblue
#B0E0E6
#5F9EA0cadetblue
#5F9EA0
#00CED1darkturquoise
#00CED1
#00FFFFcyan
#00FFFF
#00FFFFaqua
#00FFFF
#008B8Bdarkcyan
#008B8B
#008080teal
#008080
#2F4F4Fdarkslategray
#2F4F4F
#AFEEEEpaleturquoise
#AFEEEE
#E0FFFFlightcyan
#E0FFFF
#F0FFFFazure
#F0FFFF
#48D1CCmediumturquoise
#48D1CC
#20B2AAlightseagreen
#20B2AA
#40E0D0turquoise
#40E0D0
#7FFFD4aquamarine
#7FFFD4
#66CDAAmediumaquamarine
#66CDAA
#00FA9Amediumspringgreen
#00FA9A
#00FF7Fspringgreen
#00FF7F
#F5FFFAmintcream
#F5FFFA
#3CB371mediumseagreen
#3CB371
#2E8B57seagreen
#2E8B57
#00FF00lime
#00FF00
#008000green
#008000
#006400darkgreen
#006400
#32CD32limegreen
#32CD32
#228B22forestgreen
#228B22
#90EE90lightgreen
#90EE90
#98FB98palegreen
#98FB98
#8FBC8Fdarkseagreen
#8FBC8F
#F0FFF0honeydew
#F0FFF0
#7CFC00lawngreen
#7CFC00
#7FFF00chartreuse
#7FFF00
#ADFF2Fgreenyellow
#ADFF2F
#556B2Fdarkolivegreen
#556B2F
#9ACD32yellowgreen
#9ACD32
#6B8E23olivedrab
#6B8E23
#FFFF00yellow
#FFFF00
#808000olive
#808000
#FAFAD2lightgoldenrodyellow
#FAFAD2
#FFFFE0lightyellow
#FFFFE0
#F5F5DCbeige
#F5F5DC
#FFFFF0ivory
#FFFFF0
#BDB76Bdarkkhaki
#BDB76B
#EEE8AApalegoldenrod
#EEE8AA
#F0E68Ckhaki
#F0E68C
#FFFACDlemonchiffon
#FFFACD
#FFD700gold
#FFD700
#FFF8DCcornsilk
#FFF8DC
#DAA520goldenrod
#DAA520
#B8860Bdarkgoldenrod
#B8860B
#FFA500orange
#FFA500
#FFFAF0floralwhite
#FFFAF0
#F5DEB3wheat
#F5DEB3
#FDF5E6oldlace
#FDF5E6
#FFE4B5moccasin
#FFE4B5
#FFEFD5papayawhite
#FFEFD5
#FFDEADnavajowhite
#FFDEAD
#FFEBCDblanchedalmond
#FFEBCD
#D2B48Ctan
#D2B48C
#FF8C00darkorange
#FF8C00
#FAEBD7antiquewhite
#FAEBD7
#DEB887burlywood
#DEB887
#FFE4C4bisque
#FFE4C4
#CD853Fperu
#CD853F
#FAF0E6linen
#FAF0E6
#FFDAB9peachpuff
#FFDAB9
#F4A460sandybrown
#F4A460
#8B4513saddlebrown
#8B4513
#D2691Echocolate
#D2691E
#FFF5EEseashell
#FFF5EE
#A0522Dsienna
#A0522D
#FFA07Alightsalmon
#FFA07A
#FF4500orangered
#FF4500
#FF7F50coral
#FF7F50
#E9967Adarksalmon
#E9967A
#FF6347tomato
#FF6347
#FA8072salmon
#FA8072
#FFE4E1mistyrose
#FFE4E1
#FF0000red
#FF0000
#8B0000darkred
#8B0000
#800000maroon
#800000
#B22222firebrick
#B22222
#A52A2Abrown
#A52A2A
#CD5C5Cindianred
#CD5C5C
#F08080lightcoral
#F08080
#BC8F8Frosybrown
#BC8F8F
#FFFAFAsnow
#FFFAFA
#FFFFFFwhite
#FFFFFF
#F5F5F5whitesmoke
#F5F5F5
#DCDCDCgainsboro
#DCDCDC
#D3D3D3lightgray
#D3D3D3
#C0C0C0silver
#C0C0C0
#A9A9A9darkgray
#A9A9A9
#808080gray
#808080
#696969dimgray
#696969
#000000black
#000000
Web セーフカラー(216色)
#FFFFFF#FFFFFF
#FFFFCC#FFFFCC
#FFFF99#FFFF99
#FFFF66#FFFF66
#FFFF33#FFFF33
#FFFF00#FFFF00
#FFCCFF#FFCCFF
#FFCCCC#FFCCCC
#FFCC99#FFCC99
#FFCC66#FFCC66
#FFCC33#FFCC33
#FFCC00#FFCC00
#FF99FF#FF99FF
#FF99CC#FF99CC
#FF9999#FF9999
#FF9966#FF9966
#FF9933#FF9933
#FF9900#FF9900
#FF66FF#FF66FF
#FF66CC#FF66CC
#FF6699#FF6699
#FF6666#FF6666
#FF6633#FF6633
#FF6600#FF6600
#FF33FF#FF33FF
#FF33CC#FF33CC
#FF3399#FF3399
#FF3366#FF3366
#FF3333#FF3333
#FF3300#FF3300
#FF00FF#FF00FF
#FF00CC#FF00CC
#FF0099#FF0099
#FF0066#FF0066
#FF0033#FF0033
#FF0000#FF0000
#CCFFFF#CCFFFF
#CCFFCC#CCFFCC
#CCFF99#CCFF99
#CCFF66#CCFF66
#CCFF33#CCFF33
#CCFF00#CCFF00
#CCCCFF#CCCCFF
#CCCCCC#CCCCCC
#CCCC99#CCCC99
#CCCC66#CCCC66
#CCCC33#CCCC33
#CCCC00#CCCC00
#CC99FF#CC99FF
#CC99CC#CC99CC
#CC9999#CC9999
#CC9966#CC9966
#CC9933#CC9933
#CC9900#CC9900
#CC66FF#CC66FF
#CC66CC#CC66CC
#CC6699#CC6699
#CC6666#CC6666
#CC6633#CC6633
#CC6600#CC6600
#CC33FF#CC33FF
#CC33CC#CC33CC
#CC3399#CC3399
#CC3366#CC3366
#CC3333#CC3333
#CC3300#CC3300
#CC00FF#CC00FF
#CC00CC#CC00CC
#CC0099#CC0099
#CC0066#CC0066
#CC0033#CC0033
#CC0000#CC0000
#99FFFF#99FFFF
#99FFCC#99FFCC
#99FF99#99FF99
#99FF66#99FF66
#99FF33#99FF33
#99FF00#99FF00
#99CCFF#99CCFF
#99CCCC#99CCCC
#99CC99#99CC99
#99CC66#99CC66
#99CC33#99CC33
#99CC00#99CC00
#9999FF#9999FF
#9999CC#9999CC
#999999#999999
#999966#999966
#999933#999933
#999900#999900
#9966FF#9966FF
#9966CC#9966CC
#996699#996699
#996666#996666
#996633#996633
#996600#996600
#9933FF#9933FF
#9933CC#9933CC
#993399#993399
#993366#993366
#993333#993333
#993300#993300
#9900FF#9900FF
#9900CC#9900CC
#990099#990099
#990066#990066
#990033#990033
#990000#990000
#66FFFF#66FFFF
#66FFCC#66FFCC
#66FF99#66FF99
#66FF66#66FF66
#66FF33#66FF33
#66FF00#66FF00
#66CCFF#66CCFF
#66CCCC#66CCCC
#66CC99#66CC99
#66CC66#66CC66
#66CC33#66CC33
#66CC00#66CC00
#6699FF#6699FF
#6699CC#6699CC
#669999#669999
#669966#669966
#669933#669933
#669900#669900
#6666FF#6666FF
#6666CC#6666CC
#666699#666699
#666666#666666
#666633#666633
#666600#666600
#6633FF#6633FF
#6633CC#6633CC
#663399#663399
#663366#663366
#663333#663333
#663300#663300
#6600FF#6600FF
#6600CC#6600CC
#660099#660099
#660066#660066
#660033#660033
#660000#660000
#33FFFF#33FFFF
#33FFCC#33FFCC
#33FF99#33FF99
#33FF66#33FF66
#33FF33#33FF33
#33FF00#33FF00
#33CCFF#33CCFF</