Web上の無彩色
Web上の無彩色とは？
webでの色指定の項でも述べたように、web上の色はＲＧＢ値やカラーネーム等で指定、表示されます。しかし実際にweb上で正しく表示される色は、前項目にありましたweb標準カラーとwebセーフカラーであり、その他の色はブラウザやＯＳ、ユーザー環境により正しく表示されない場合があります。これは有彩色でも無彩色であっても同様です。
web上で色を指定する場合の無彩色の定義はＲ（赤）、Ｇ（緑）、Ｂ（青）のそれぞれの値が等しい場合が無彩色となります。以下は、ＲＧＢの値が００～ｆｆまでの組み合わせで出来る無彩色とweb標準カラーの無彩色を含む一覧です。
※▲印がついている４色は、web標準カラーで定義されているため#000000は「black」、#808080は「gray」、#c0c0c0は「silver」、#ffffffは「white」といった色名での指定も可能です。
※また、■印の４色は、色名での指定は出来ませんがwebセーフカラーであるため、ＲＧＢ値による指定で正しく表示されます。
※それ以外の１１，２２，４４，５５，７７，８８，ａａ，ｂｂ，ｄｄ，ｅｅの組み合わせで表示される無彩色１０色はwebセーフカラーではありません。
- #000000
■▲black - #111111
- #222222
- #333333
■ - #444444
- #555555
- #666666
■ - #777777
- #808080
■▲gray - #888888
- #999999
■ - #aaaaaa
- #bbbbbb
- #c0c0c0
■▲silver - #cccccc
■ - #dddddd
- #eeeeee
- #ffffff
■▲white
その他の無彩色
他にも無彩色には多数の色がありますが、ここではＲＧＢ６桁にて指定し表現できる無彩色を一覧にしています。ＲＧＢそれぞれの値の２桁目の値をｎとした場合を一覧にしております。
以下の表のほとんどの色がWebセーフカラーではないため、環境により正しく表示されない場合もございます。但し、■印はWebセーフカラー、▲印は色名での指定ができる色のため、Web上で正しく表示されます。
チャートのみを印刷ご希望の場合は無彩色チャート印刷用ページが便利です。
ｎが０の場合
- #000000■▲
- #010101
- #020202
- #030303
- #040404
- #050505
- #060606
- #070707
- #080808
- #090909
- #0a0a0a
- #0b0b0b
- #0c0c0c
- #0d0d0d
- #0e0e0e
- #0f0f0f
ｎが１の場合
- #101010
- #111111
- #121212
- #131313
- #141414
- #151515
- #161616
- #171717
- #181818
- #191919
- #1a1a1a
- #1b1b1b
- #1c1c1c
- #1d1d1d
- #1e1e1e
- #1f1f1f
ｎが２の場合
- #202020
- #212121
- #222222
- #232323
- #242424
- #252525
- #262626
- #272727
- #282828
- #292929
- #2a2a2a
- #2b2b2b
- #2c2c2c
- #2d2d2d
- #2e2e2e
- #2f2f2f
ｎが３の場合
- #303030
- #313131
- #323232
- #333333■
- #343434
- #353535
- #363636
- #373737
- #383838
- #393939
- #3a3a3a
- #3b3b3b
- #3c3c3c
- #3d3d3d
- #3e3e3e
- #3f3f3f
ｎが４の場合
- #404040
- #414141
- #424242
- #434343
- #444444
- #454545
- #464646
- #474747
- #484848
- #494949
- #4a4a4a
- #4b4b4b
- #4c4c4c
- #4d4d4d
- #4e4e4e
- #4f4f4f
ｎが５の場合
- #505050
- #515151
- #525252
- #535353
- #545454
- #555555
- #565656
- #575757
- #585858
- #595959
- #5a5a5a
- #5b5b5b
- #5c5c5c
- #5d5d5d
- #5e5e5e
- #5f5f5f
ｎが６の場合
- #606060
- #616161
- #626262
- #636363
- #646464
- #656565
- #666666■
- #676767
- #686868
- #696969
- #6a6a6a
- #6b6b6b
- #6c6c6c
- #6d6d6d
- #6e6e6e
- #6f6f6f
ｎが７の場合
- #707070
- #717171
- #727272
- #737373
- #747474
- #757575
- #767676
- #777777
- #787878
- #797979
- #7a7a7a
- #7b7b7b
- #7c7c7c
- #7d7d7d
- #7e7e7e
- #7f7f7f
ｎが８の場合
- #808080▲
- #818181
- #828282
- #838383
- #848484
- #858585
- #868686
- #878787
- #888888
- #898989
- #8a8a8a
- #8b8b8b
- #8c8c8c
- #8d8d8d
- #8e8e8e
- #8f8f8f
ｎが９の場合
- #909090
- #919191
- #929292
- #939393
- #949494
- #959595
- #969696
- #979797
- #989898
- #999999■
- #9a9a9a
- #9b9b9b
- #9c9c9c
- #9d9d9d
- #9e9e9e
- #9f9f9f
ｎがａの場合
- #a0a0a0
- #a1a1a1
- #a2a2a2
- #a3a3a3
- #a4a4a4
- #a5a5a5
- #a6a6a6
- #a7a7a7
- #a8a8a8
- #a9a9a9
- #aaaaaa
- #ababab
- #acacac
- #adadad
- #aeaeae
- #afafaf
ｎがｂの場合
- #b0b0b0
- #b1b1b1
- #b2b2b2
- #b3b3b3
- #b4b4b4
- #b5b5b5
- #b6b6b6
- #b7b7b7
- #b8b8b8
- #b9b9b9
- #bababa
- #bbbbbb
- #bcbcbc
- #bdbdbd
- #bebebe
- #bfbfbf
ｎがｃの場合
- #c0c0c0▲
- #c1c1c1
- #c2c2c2
- #c3c3c3
- #c4c4c4
- #c5c5c5
- #c6c6c6
- #c7c7c7
- #c8c8c8
- #c9c9c9
- #cacaca
- #cbcbcb
- #cccccc■
- #cdcdcd
- #cecece
- #cfcfcf
ｎがｄの場合
- #d0d0d0
- #d1d1d1
- #d2d2d2
- #d3d3d3
- #d4d4d4
- #d5d5d5
- #d6d6d6
- #d7d7d7
- #d8d8d8
- #d9d9d9
- #dadada
- #dbdbdb
- #dcdcdc
- #dddddd
- #dedede
- #dfdfdf
ｎがｅの場合
- #e0e0e0
- #e1e1e1
- #e2e2e2
- #e3e3e3
- #e4e4e4
- #e5e5e5
- #e6e6e6
- #e7e7e7
- #e8e8e8
- #e9e9e9
- #eaeaea
- #ebebeb
- #ececec
- #ededed
- #eeeeee
- #efefef
ｎがｆの場合
- #f0f0f0
- #f1f1f1
- #f2f2f2
- #f3f3f3
- #f4f4f4
- #f5f5f5
- #f6f6f6
- #f7f7f7
- #f8f8f8
- #f9f9f9
- #fafafa
- #fbfbfb
- #fcfcfc
- #fdfdfd
- #fefefe
- #ffffff■▲