MF's 色の組み合わせ 試行錯誤
カラーネーム(140色)で指定できる色のリストです。
ラジオボタンをチェックすることにより、このページの背景色・文字色を変えることができます。
Bright(明るさ)の計算式は、((Rの値 X 299) + (Gの値 X 587) + (Bの値 X 114)) / 1000 を用いています(W3Cより)
Luminoは、輝度を表してます。輝度の計算のガンマ値は2.2を使用しています。
copyright(c)2006 M. F all right reserved.
JavaScript対応ブラウザで表示してください。
1
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
No.
Sample
Text
Name
Code
1
ABCDEFG
lightsalmon
#ffa07a
2
ABCDEFG
darksalmon
#e9967a
3
ABCDEFG
salmon
#fa8072
4
ABCDEFG
coral
#ff7f50
5
ABCDEFG
lightcoral
#f08080
6
ABCDEFG
tomato
#ff6347
7
ABCDEFG
orangered
#ff4500
8
ABCDEFG
indianred
#cd5c5c
9
ABCDEFG
red
#ff0000
10
ABCDEFG
crimson
#dc143c
11
ABCDEFG
firebrick
#b22222
12
ABCDEFG
brown
#a52a2a
13
ABCDEFG
darkred
#8b0000
14
ABCDEFG
maroon
#800000
No.
Sample
Text
Name
Code
1
ABCDEFG
linen
#faf0e6
2
ABCDEFG
blanchedalmond
#ffebcd
3
ABCDEFG
antiquewhite
#faebd7
4
ABCDEFG
bisque
#ffe4c4
5
ABCDEFG
navajowhite
#ffdead
6
ABCDEFG
peachpuff
#ffdab9
7
ABCDEFG
burlywood
#deb887
8
ABCDEFG
tan
#d2b48c
9
ABCDEFG
sandybrown
#f4a460
10
ABCDEFG
darkorange
#ff8c00
11
ABCDEFG
peru
#cd8541
12
ABCDEFG
chocolate
#d2691e
13
ABCDEFG
sienna
#a0522d
14
ABCDEFG
saddlebrown
#8b4513
2
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
No.
Sample
Text
Name
Code
1
ABCDEFG
ivoly
#fffff0
2
ABCDEFG
lightyellow
#ffffe0
3
ABCDEFG
floralwhite
#fffaf0
4
ABCDEFG
cornsilk
#fff8dc
5
ABCDEFG
lemonchiffon
#fffacd
6
ABCDEFG
lightgoldenrodyellow
#fafad2
7
ABCDEFG
oldlace
#fdf5e6
8
ABCDEFG
beige
#f5f5dc
9
ABCDEFG
papayawhip
#ffefd5
10
ABCDEFG
moccasin
#ffe4b5
11
ABCDEFG
palegoldenrod
#eee8aa
12
ABCDEFG
khaki
#f0e68c
13
ABCDEFG
wheat
#f5deb3
14
ABCDEFG
darkkhaki
#bdb76b
No.
Sample
Text
Name
Code
1
ABCDEFG
yellow
#ffff00
2
ABCDEFG
greenyellow
#b1ff2f
3
ABCDEFG
chartreuse
#7fff00
4
ABCDEFG
lawngreen
#7cfc00
5
ABCDEFG
lime
#00ff00
6
ABCDEFG
gold
#ffd700
7
ABCDEFG
yellowgreen
#9acd32
8
ABCDEFG
orange
#ffa500
9
ABCDEFG
goldenrod
#daa520
10
ABCDEFG
darkgoldenrod
#b8860b
11
ABCDEFG
olivedrab
#6b8e23
12
ABCDEFG
olive
#808000
13
ABCDEFG
darkolivegreen
#556b2f
14
ABCDEFG
darkgreen
#006400
3
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
No.
Sample
Text
Name
Code
1
ABCDEFG
palegreen
#98fb98
2
ABCDEFG
springgreen
#00ff7f
3
ABCDEFG
mediumspringgreen
#00fa9a
4
ABCDEFG
lightgreen
#90ee90
5
ABCDEFG
turquoise
#40e0d0
6
ABCDEFG
mediumturquoise
#48d1cc
7
ABCDEFG
mediumaquamarine
#66cdaf
8
ABCDEFG
darkseagreen
#8fbc8f
9
ABCDEFG
limegreen
#32cd32
10
ABCDEFG
lightseagreen
#20b2aa
11
ABCDEFG
mediumseagreen
#3cb371
12
ABCDEFG
seagreen
#2e8b57
13
ABCDEFG
forestgreen
#228b22
14
ABCDEFG
green
#008000
No.
Sample
Text
Name
Code
1
ABCDEFG
aquamarine
#7fffd4
2
ABCDEFG
aqua (=cyan)
#00ffff
3
ABCDEFG
cyan (=aqua)
#00ffff
4
ABCDEFG
paleturquoise
#afeeee
5
ABCDEFG
powderblue
#b0e0e6
6
ABCDEFG
lightblue
#add8e6
7
ABCDEFG
lightskyblue
#87cefa
8
ABCDEFG
skyblue
#87ceeb
9
ABCDEFG
deepskyblue
#00bfff
10
ABCDEFG
darkturquoise
#00ced1
11
ABCDEFG
cadetblue
#5f9ea0
12
ABCDEFG
darkcyan
#008b8b
13
ABCDEFG
teal
#008080
14
ABCDEFG
darkslategray
#2f4f4f
4
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
No.
Sample
Text
Name
Code
1
ABCDEFG
mintcream
#f5fffa
2
ABCDEFG
lightcyan
#e0ffff
3
ABCDEFG
aliceblue
#f0f8ff
4
ABCDEFG
lavender
#e6e6fa
5
ABCDEFG
lightsteelblue
#b0c4de
6
ABCDEFG
cornflowerblue
#6495ed
7
ABCDEFG
dodgerblue
#1e90ff
8
ABCDEFG
steelblue
#4682b4
9
ABCDEFG
royalblue
#4169e1
10
ABCDEFG
blue
#0000ff
11
ABCDEFG
midnightblue
#191970
12
ABCDEFG
mediumblue
#0000cd
13
ABCDEFG
darkblue
#00008b
14
ABCDEFG
navy
#000080
No.
Sample
Text
Name
Code
1
ABCDEFG
honeydew
#f0fff0
2
ABCDEFG
seashell
#fff5ee
3
ABCDEFG
thistle
#d8bfd8
4
ABCDEFG
rosybrown
#bc8f8f
5
ABCDEFG
mediumpurple
#9370db
6
ABCDEFG
mediumslateblue
#7b68ee
7
ABCDEFG
slateblue
#6a5acd
8
ABCDEFG
darkorchid
#9932cc
9
ABCDEFG
blueviolet
#8a2be2
10
ABCDEFG
darkviolet
#9400d3
11
ABCDEFG
darkmagenta
#8b008b
12
ABCDEFG
darkslateblue
#483d8b
13
ABCDEFG
purple
#800080
14
ABCDEFG
indigo
#4b0082
5
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
No.
Sample
Text
Name
Code
1
ABCDEFG
lavenderblush
#fff0f5
2
ABCDEFG
mistyrose
#ffe4e1
3
ABCDEFG
pink
#ffc0cb
4
ABCDEFG
lightpink
#ffb6c1
5
ABCDEFG
violet
#ee82ee
6
ABCDEFG
plum
#dda0dd
7
ABCDEFG
hotpink
#ff69b4
8
ABCDEFG
orchid
#da70d6
9
ABCDEFG
palevioletred
#db7093
10
ABCDEFG
magenta (=fuchsia)
#ff00ff
11
ABCDEFG
fuchsia (=magenta)
#ff00ff
12
ABCDEFG
deeppink
#ff1493
13
ABCDEFG
mediumorchid
#ba55d3
14
ABCDEFG
mediumvioletred
#c71585
No.
Sample
Text
Name
Code
1
ABCDEFG
white
#ffffff
2
ABCDEFG
azure
#faffff
3
ABCDEFG
snow
#fffafa
4
ABCDEFG
ghostwhite
#f8f8ff
5
ABCDEFG
whitesmoke
#f5f5f5
6
ABCDEFG
gainsboro
#dcdcdc
7
ABCDEFG
lightgrey
#d3d3d3
8
ABCDEFG
silver
#c0c0c0
9
ABCDEFG
darkgrey
#a9a9a9
10
ABCDEFG
lightslategray
#778899
11
ABCDEFG
gray
#808080
12
ABCDEFG
slategray
#708090
13
ABCDEFG
dimgray
#696969
14
ABCDEFG
black
#000000
6
元の背景色(白)に戻す
文字を白にする
文字を黒にする
▲ top
追加のカラーリスト情報
戻る