カラーサンプルのページ(グラデーション)
グラデーションの参考にして下さい。

入力フィールドに適当な色を16進数で入力し
ボタンをクリックすると背景色が変わり
文字色との組み合わせが確認出来ます
( 入力例: a62a2a 半角で入力してください。 )




カラーサンプルの最初の二つの■■は、16進数で発色しています。
後ろの二つの■■と文字はカラーネームで発色しています。
ブラウザによっては、若干発色の誤差があるようです。

■■ ■■ (FFFFFF) White
■■ ■■ (000000) Black
■■ ■■ (696969) dimgray
■■ ■■ (808080) Gray
■■ ■■ (ADADAD) darkgray
■■ ■■ (C0C0C0) Silver
■■ ■■ (D3D3D3) lightgrey
■■ ■■ (DCDCDC) gainsboro
■■ ■■ (F5F5F5) whitesmoke
■■ ■■ (FFFFFF) White

■■ ■■ (F8F8FF) ghostwhite
■■ ■■ (7B68EE) mediumslateblue
■■ ■■ (6A5ACD) slateblue
■■ ■■ (483D8B) darkslateblue
■■ ■■ (191970) midnightblue
■■ ■■ (000080) Navy
■■ ■■ (00008C) darkblue
■■ ■■ (0000CD) mediumblue
■■ ■■ (0000FF) Blue

■■ ■■ (4169E1) royalblue
■■ ■■ (6495ED) cornflowerblue
■■ ■■ (B0C4DE) lightsteelblue

■■ ■■ (1E90FF) dodgerblue
■■ ■■ (00BFFF) deepskyblue
■■ ■■ (87CEFA) lightskyblue
■■ ■■ (87CEEB) skyblue
■■ ■■ (ADD8E6) lightblue
■■ ■■ (B0E0E6) powderblue
■■ ■■ (F0FFFF) azure
■■ ■■ (E0FFFF) lightcyan
■■ ■■ (AFEEEE) paleturquoise
■■ ■■ (4682B4) steelblue

■■ ■■ (66CDAA) mediumaquamarine
■■ ■■ (5F9EA0) cadetblue
■■ ■■ (778899) lightslategray
■■ ■■ (708090) slategray
■■ ■■ (2F4F4F) darkslategray

■■ ■■ (008080) Teal
■■ ■■ (008C8C) darkcyan
■■ ■■ (00FFFF) aqua
■■ ■■ (00FFFF) cyan
■■ ■■ (7FFFD4) aquamarine
■■ ■■ (40E0D0) turquoise
■■ ■■ (48D1CC) mediumturquoise
■■ ■■ (00CED1) darkturquoise
■■ ■■ (20B2AA) lightseagreen
■■ ■■ (00FF7F) springgreen
■■ ■■ (00FA9A) mediumspringgreen
■■ ■■ (3CB371) mediumseagreen
■■ ■■ (2E8B57) seagreen
■■ ■■ (8FBC8F) darkseagreen

■■ ■■ (F5FFFA) mintcream
■■ ■■ (F0FFF0) honeydew
■■ ■■ (98FB98) palegreen
■■ ■■ (94ED94) lightgreen
■■ ■■ (228B22) forestgreen
■■ ■■ (006400) darkgreen
■■ ■■ (008000) Green
■■ ■■ (32CD32) limegreen
■■ ■■ (00FF00) Lime

■■ ■■ (7FFF00) chartreuse
■■ ■■ (7CFC00) lawngreen
■■ ■■ (ADFF2F) greenyellow
■■ ■■ (9ACD32) yellowgreen
■■ ■■ (6B8E23) olivedrab
■■ ■■ (556B2F) darkolivegreen

■■ ■■ (FAFAD2) lightgoldenrodyellow
■■ ■■ (FFFFE0) lightyellow
■■ ■■ (FFFFF0) ivory
■■ ■■ (FFFF00) Yellow
■■ ■■ (808000) Olive

■■ ■■ (F5F5DC) beige
■■ ■■ (F0E68C) khaki
■■ ■■ (BDB76B) darkkhaki

■■ ■■ (B8860B) darkgoldenrod
■■ ■■ (DAA520) goldenrod
■■ ■■ (EEE8AA) palegoldenrod
■■ ■■ (FFFACD) lemonchiffon
■■ ■■ (FFF8DC) cornsilk
■■ ■■ (FFFAF0) floralwhite

■■ ■■ (FFD700) gold
■■ ■■ (FFA500) orange
■■ ■■ (FF8C00) darkorange
■■ ■■ (FF4500) orangered

■■ ■■ (CD1039) crimson

■■ ■■ (FF0000) Red
■■ ■■ (8C0000) darkred
■■ ■■ (800000) Maroon
■■ ■■ (B22222) firebrick
■■ ■■ (A52A2A) brown
■■ ■■ (CD5C5C) indianred
■■ ■■ (F08080) lightcoral
■■ ■■ (BC8F8F) rosybrown
■■ ■■ (FFFAFA) snow

■■ ■■ (FDF5E6) oldlace
■■ ■■ (FAF0E6) linen
■■ ■■ (FAEBD7) antiquewhite
■■ ■■ (F5DEB3) wheat
■■ ■■ (DEB887) burlywood
■■ ■■ (D2B48C) tan
■■ ■■ (F4A460) sandybrown
■■ ■■ (CD853F) peru
■■ ■■ (D2691E) chocolate
■■ ■■ (A0522D) sienna
■■ ■■ (8B4513) saddlebrown

■■ ■■ (FF6347) tomato
■■ ■■ (FF7F50) coral
■■ ■■ (FA8072) salmon
■■ ■■ (E9967A) darksalmon
■■ ■■ (FFA07A) lightsalmon
■■ ■■ (FFDAB9) peachpuff
■■ ■■ (FFDEAD) navajowhite
■■ ■■ (FFE4B5) moccasin
■■ ■■ (FFE4C4) bisque
■■ ■■ (FFEBCD) blanchedalmond
■■ ■■ (FFEFD5) papayawhip
■■ ■■ (FFF0F5) lavenderblush
■■ ■■ (FFF5EE) seashell
■■ ■■ (FFE4E1) mistyrose
■■ ■■ (FFC0CB) pink
■■ ■■ (FFB6C1) lightpink
■■ ■■ (FF69B4) hotpink
■■ ■■ (FF1493) deeppink
■■ ■■ (C71585) mediumvioletred

■■ ■■ (DB7093) palevioletred

■■ ■■ (FF00FF) fuchsia
■■ ■■ (FF00FF) magenta
■■ ■■ (8C008C) darkmagenta
■■ ■■ (800080) Purple

■■ ■■ (9400D3) darkviolet
■■ ■■ (EE82EE) violet

■■ ■■ (D8BFD8) thistle
■■ ■■ (DDA0DD) plum
■■ ■■ (DA70D6) orchid
■■ ■■ (BA55D3) mediumorchid
■■ ■■ (9932CC) darkorchid
■■ ■■ (8A2BE2) blueviolet
■■ ■■ (4A0084) indigo
■■ ■■ (9370DB) mediumpurple
■■ ■■ (E6E6FA) lavender



(C)Copyright 1997 Atelier MUGEN. All right reserved.
無断転載厳禁