(1)任意(000000〜FFFFFF)のカラーコードや色名を入力して↓

(2)Click!→

(3)このページの背景と「■■■ Grayish ■■■」などの文字色が変わります。
(4)元に戻すには「初期値に戻す」をClick!

■■■ Grayish ■■■

*色名をクリックすると背景色が変わります*
↑上のフォームから文字色を変更すると、この部分の文字色が変わります。
初期値は背景色white(#FFFFFF)、文字色SlateGray(#708090)です。
*これらの色はブラウザでサポートされているわけではないので、閲覧環境によっては正しく表示されない可能性が大です。

*** Gray - xxx -***

FFF EEE DDD CCC BBB AAA 999 888
777 666 555 444 333 222 111 000

*** FFFFFF ***

#FFF7F7 #FFEFEF #FFE7E7 #FFDFDF #FFD7D7 #FFCFCF
#FFFAF0 #FFF7E7 #FFEFDF #FFE7D7 #FFDFCF #FFD7C7
#FFFFF7 #FFFFEF #FFFFE7 #FFFFDF #FFFFD7 #FFFFCF
#F7FFF7 #EFFFEF #E7FFE7 #DFFFDF #DFFFD7 #CFFFCF
#F7FFFF #EFFFFF #E7FFFF #DFFFFF #D7FFFF #CFFFFF
#F7F7FF #EFEFFF #E7E7FF #DFDFFF #D7D7FF #CFCFFF
#FFF7FF #FFEFFF #FFE7FF #FFDFFF #FFD7FF #FFCFFF

*** EEEEEE ***

#EEE7E7 #EEDFDF #EED7D7 #EECFCF #EEC7C7 #EEBFBF
#EEEAE0 #EEE7D7 #EEDFCF #EED7C7 #EECFBF #EEC7B7
#EEEEE7 #EEEEDF #EEEED7 #EEEECF #EEEEC7 #EEEEBF
#E7EEE7 #DFEEDF #D7EED7 #CFEECF #C7EEC7 #BFEEBF
#E7EEEE #DFEEEE #D7EEEE #CFEEEE #C7EEEE #BFEEEE
#E7E7EE #DFDFEE #D7D7EE #CFCFEE #C7C7EE #BFBFEE
#EEE7EE #EEDFEE #EED7EE #EECFEE #EEC7EE #EEBFEE

*** DDDDDD ***

#DDD7D7 #DDCFCF #DDC7C7 #DDBFBF #DDB7B7 #DDAFAF
#DDDAD0 #DDD7C7 #DDCFBF #DDC7B7 #DDBFAF #DDB7A7
#DDDDD7 #DDDDCF #DDDDC7 #DDDDBF #DDDDB7 #DDDDAF
#D7DDD7 #CFDDCF #C7DDC7 #BFDDBF #B7DDB7 #AFDDAF
#D7DDDD #CFDDDD #C7DDDD #BFDDDD #B7DDDD #AFDDDD
#DDD7DD #DDCFDD #DDC7DD #DDBFDD #DDB7DD #DDAFDD

*** CCCCCC ***

#CCC7C7 #CCBFBF #CCB7B7 #CCAFAF #CCA7A7 #CC9F9F
#CCCAC0 #CCC7B7 #CCBFAF #CCB7A7 #CCAF9F #CCA797
#CCCCC7 #CCCCBF #CCCCB7 #CCCCAF #CCCCA7 #CCCC9F
#C7CCC7 #BFCCBF #B7CCB7 #AFCCAF #A7CCA7 #9FCC9F
#C7CCCC #BFCCCC #B7CCCC #AFCCCC #A7CCCC #9FCCCC
#CCC7CC #CCBFCC #CCB7CC #CCAFCC #CCA7CC #CC9FCC

*** 999999 ***

#998F8F #998787 #997F7F #997777 #996F6F #996767
#999787 #998F7F #998777 #997F6F #997767 #996F5F
#99998F #999987 #99997F #999977 #99996F #999967
#8F998F #879987 #7F997F #779977 #6F996F #679967
#8F9999 #879999 #7F9999 #779999 #6F9999 #679999
#998F99 #998799 #997F99 #997799 #996F99 #996799

*** 666666 ***

#665757 #664F4F #664747 #663F3F #663737 #662F2F
#665747 #664F3F #664737 #663F2F #663727 #662F1F
#666657 #66664F #666647 #66663F #666637 #66662F
#576657 #4F664F #476647 #3F663F #376637 #2F662F
#576666 #4F6666 #476666 #3F6666 #376666 #2F6666
#665766 #664F66 #664766 #663F66 #663766 #662F66

*** 444444 ***

#443737 #442F2F #442727 #441F1F #441717 #440F0F
#443727 #442F1F #442717 #441F0F #441707 #440F00
#444437 #44442F #444427 #44441F #444417 #44440F
#374437 #2F442F #274427 #1F441F #174417 #0F440F
#374444 #2F4444 #274444 #1F4444 #174444 #0F4444
#443744 #442F44 #442744 #441F44 #441744 #440F44

*** 333333 ***

#332727 #331F1F #331717 #330F0F #330707 #330000
#332F1F #332717 #331F0F #331707 #330F00 #330700
#333327 #33331F #333317 #33330F #333307 #333300
#273327 #1F331F #173317 #0F330F #073307 #003300
#273333 #1F3333 #173333 #0F3333 #073333 #003333
#332733 #331F33 #331733 #330F33 #330733 #330033

◆スクリプトは参考にして下さっても構いませんが、このページのデザインやソース等を転載・配布することはご遠慮ください。