補 色 計 算 機
赤
緑
青
#
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
0
1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
赤
緑
青
#
00
11
22
33
44
55
66
77
88
99
aa
bb
cc
dd
ee
ff
00
11
22
33
44
55
66
77
88
99
aa
bb
cc
dd
ee
ff
00
11
22
33
44
55
66
77
88
99
aa
bb
cc
dd
ee
ff
赤
緑
青
0
1
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
%
%
%
元の色→
補 色→
補色計算機の使い方
まず、左上の3つのラジオボタンを選択します。
一番上は、「元の色」を16進数で設定する時に使います。
二番目は、「元の色」を同じく16進数で設定する時に使うのですが、1桁目と2桁目が同じ数の設定値にしたい時に使用します。
三番目は、「元の色」を「赤、緑、青」の各設定値を0〜100%で設定します。
次に各セレクトメニューで設定値を選択し、「彩色」ボタンを押すと、「元の色」の16進数の値と色。それに対応した「補色」の16進数の値と色が「入力」かつ「彩色」されます。
一番目、二番目、三番目のセレクトメニューで選択した各設定値は連動しません。
注:このページは「技術評論社」の「javascript例文活用辞典」を参考に作成されました。
補色早見表へ
10進数16進数相互計算機へ