下記にカラーチャートを表示するPHPプログラムのソースも記載してます。
コピーしてご利用ください。
| | | | | | | | |
| #000000 | #220000 | #440000 | #660000 | #880000 | #AA0000 | #CC0000 | #EE0000 | #FF0000 |
| | | | | | | | |
| #002200 | #222200 | #442200 | #662200 | #882200 | #AA2200 | #CC2200 | #EE2200 | #FF2200 |
| | | | | | | | |
| #004400 | #224400 | #444400 | #664400 | #884400 | #AA4400 | #CC4400 | #EE4400 | #FF4400 |
| | | | | | | | |
| #006600 | #226600 | #446600 | #666600 | #886600 | #AA6600 | #CC6600 | #EE6600 | #FF6600 |
| | | | | | | | |
| #008800 | #228800 | #448800 | #668800 | #888800 | #AA8800 | #CC8800 | #EE8800 | #FF8800 |
| | | | | | | | |
| #00AA00 | #22AA00 | #44AA00 | #66AA00 | #88AA00 | #AAAA00 | #CCAA00 | #EEAA00 | #FFAA00 |
| | | | | | | | |
| #00CC00 | #22CC00 | #44CC00 | #66CC00 | #88CC00 | #AACC00 | #CCCC00 | #EECC00 | #FFCC00 |
| | | | | | | | |
| #00EE00 | #22EE00 | #44EE00 | #66EE00 | #88EE00 | #AAEE00 | #CCEE00 | #EEEE00 | #FFEE00 |
| | | | | | | | |
| #00FF00 | #22FF00 | #44FF00 | #66FF00 | #88FF00 | #AAFF00 | #CCFF00 | #EEFF00 | #FFFF00 |
| | | | | | | | |
| #000022 | #220022 | #440022 | #660022 | #880022 | #AA0022 | #CC0022 | #EE0022 | #FF0022 |
| | | | | | | | |
| #002222 | #222222 | #442222 | #662222 | #882222 | #AA2222 | #CC2222 | #EE2222 | #FF2222 |
| | | | | | | | |
| #004422 | #224422 | #444422 | #664422 | #884422 | #AA4422 | #CC4422 | #EE4422 | #FF4422 |
| | | | | | | | |
| #006622 | #226622 | #446622 | #666622 | #886622 | #AA6622 | #CC6622 | #EE6622 | #FF6622 |
| | | | | | | | |
| #008822 | #228822 | #448822 | #668822 | #888822 | #AA8822 | #CC8822 | #EE8822 | #FF8822 |
| | | | | | | | |
| #00AA22 | #22AA22 | #44AA22 | #66AA22 | #88AA22 | #AAAA22 | #CCAA22 | #EEAA22 | #FFAA22 |
| | | | | | | | |
| #00CC22 | #22CC22 | #44CC22 | #66CC22 | #88CC22 | #AACC22 | #CCCC22 | #EECC22 | #FFCC22 |
| | | | | | | | |
| #00EE22 | #22EE22 | #44EE22 | #66EE22 | #88EE22 | #AAEE22 | #CCEE22 | #EEEE22 | #FFEE22 |
| | | | | | | | |
| #00FF22 | #22FF22 | #44FF22 | #66FF22 | #88FF22 | #AAFF22 | #CCFF22 | #EEFF22 | #FFFF22 |
| | | | | | | | |
| #000044 | #220044 | #440044 | #660044 | #880044 | #AA0044 | #CC0044 | #EE0044 | #FF0044 |
| | | | | | | | |
| #002244 | #222244 | #442244 | #662244 | #882244 | #AA2244 | #CC2244 | #EE2244 | #FF2244 |
| | | | | | | | |
| #004444 | #224444 | #444444 | #664444 | #884444 | #AA4444 | #CC4444 | #EE4444 | #FF4444 |
| | | | | | | | |
| #006644 | #226644 | #446644 | #666644 | #886644 | #AA6644 | #CC6644 | #EE6644 | #FF6644 |
| | | | | | | | |
| #008844 | #228844 | #448844 | #668844 | #888844 | #AA8844 | #CC8844 | #EE8844 | #FF8844 |
| | | | | | | | |
| #00AA44 | #22AA44 | #44AA44 | #66AA44 | #88AA44 | #AAAA44 | #CCAA44 | #EEAA44 | #FFAA44 |
| | | | | | | | |
| #00CC44 | #22CC44 | #44CC44 | #66CC44 | #88CC44 | #AACC44 | #CCCC44 | #EECC44 | #FFCC44 |
| | | | | | | | |
| #00EE44 | #22EE44 | #44EE44 | #66EE44 | #88EE44 | #AAEE44 | #CCEE44 | #EEEE44 | #FFEE44 |
| | | | | | | | |
| #00FF44 | #22FF44 | #44FF44 | #66FF44 | #88FF44 | #AAFF44 | #CCFF44 | #EEFF44 | #FFFF44 |
| | | | | | | | |
| #000066 | #220066 | #440066 | #660066 | #880066 | #AA0066 | #CC0066 | #EE0066 | #FF0066 |
| | | | | | | | |
| #002266 | #222266 | #442266 | #662266 | #882266 | #AA2266 | #CC2266 | #EE2266 | #FF2266 |
| | | | | | | | |
| #004466 | #224466 | #444466 | #664466 | #884466 | #AA4466 | #CC4466 | #EE4466 | #FF4466 |
| | | | | | | | |
| #006666 | #226666 | #446666 | #666666 | #886666 | #AA6666 | #CC6666 | #EE6666 | #FF6666 |
| | | | | | | | |
| #008866 | #228866 | #448866 | #668866 | #888866 | #AA8866 | #CC8866 | #EE8866 | #FF8866 |
| | | | | | | | |
| #00AA66 | #22AA66 | #44AA66 | #66AA66 | #88AA66 | #AAAA66 | #CCAA66 | #EEAA66 | #FFAA66 |
| | | | | | | | |
| #00CC66 | #22CC66 | #44CC66 | #66CC66 | #88CC66 | #AACC66 | #CCCC66 | #EECC66 | #FFCC66 |
| | | | | | | | |
| #00EE66 | #22EE66 | #44EE66 | #66EE66 | #88EE66 | #AAEE66 | #CCEE66 | #EEEE66 | #FFEE66 |
| | | | | | | | |
| #00FF66 | #22FF66 | #44FF66 | #66FF66 | #88FF66 | #AAFF66 | #CCFF66 | #EEFF66 | #FFFF66 |
| | | | | | | | |
| #000088 | #220088 | #440088 | #660088 | #880088 | #AA0088 | #CC0088 | #EE0088 | #FF0088 |
| | | | | | | | |
| #002288 | #222288 | #442288 | #662288 | #882288 | #AA2288 | #CC2288 | #EE2288 | #FF2288 |
| | | | | | | | |
| #004488 | #224488 | #444488 | #664488 | #884488 | #AA4488 | #CC4488 | #EE4488 | #FF4488 |
| | | | | | | | |
| #006688 | #226688 | #446688 | #666688 | #886688 | #AA6688 | #CC6688 | #EE6688 | #FF6688 |
| | | | | | | | |
| #008888 | #228888 | #448888 | #668888 | #888888 | #AA8888 | #CC8888 | #EE8888 | #FF8888 |
| | | | | | | | |
| #00AA88 | #22AA88 | #44AA88 | #66AA88 | #88AA88 | #AAAA88 | #CCAA88 | #EEAA88 | #FFAA88 |
| | | | | | | | |
| #00CC88 | #22CC88 | #44CC88 | #66CC88 | #88CC88 | #AACC88 | #CCCC88 | #EECC88 | #FFCC88 |
| | | | | | | | |
| #00EE88 | #22EE88 | #44EE88 | #66EE88 | #88EE88 | #AAEE88 | #CCEE88 | #EEEE88 | #FFEE88 |
| | | | | | | | |
| #00FF88 | #22FF88 | #44FF88 | #66FF88 | #88FF88 | #AAFF88 | #CCFF88 | #EEFF88 | #FFFF88 |
| | | | | | | | |
| #0000AA | #2200AA | #4400AA | #6600AA | #8800AA | #AA00AA | #CC00AA | #EE00AA | #FF00AA |
| | | | | | | | |
| #0022AA | #2222AA | #4422AA | #6622AA | #8822AA | #AA22AA | #CC22AA | #EE22AA | #FF22AA |
| | | | | | | | |
| #0044AA | #2244AA | #4444AA | #6644AA | #8844AA | #AA44AA | #CC44AA | #EE44AA | #FF44AA |
| | | | | | | | |
| #0066AA | #2266AA | #4466AA | #6666AA | #8866AA | #AA66AA | #CC66AA | #EE66AA | #FF66AA |
| | | | | | | | |
| #0088AA | #2288AA | #4488AA | #6688AA | #8888AA | #AA88AA | #CC88AA | #EE88AA | #FF88AA |
| | | | | | | | |
| #00AAAA | #22AAAA | #44AAAA | #66AAAA | #88AAAA | #AAAAAA | #CCAAAA | #EEAAAA | #FFAAAA |
| | | | | | | | |
| #00CCAA | #22CCAA | #44CCAA | #66CCAA | #88CCAA | #AACCAA | #CCCCAA | #EECCAA | #FFCCAA |
| | | | | | | | |
| #00EEAA | #22EEAA | #44EEAA | #66EEAA | #88EEAA | #AAEEAA | #CCEEAA | #EEEEAA | #FFEEAA |
| | | | | | | | |
| #00FFAA | #22FFAA | #44FFAA | #66FFAA | #88FFAA | #AAFFAA | #CCFFAA | #EEFFAA | #FFFFAA |
| | | | | | | | |
| #0000CC | #2200CC | #4400CC | #6600CC | #8800CC | #AA00CC | #CC00CC | #EE00CC | #FF00CC |
| | | | | | | | |
| #0022CC | #2222CC | #4422CC | #6622CC | #8822CC | #AA22CC | #CC22CC | #EE22CC | #FF22CC |
| | | | | | | | |
| #0044CC | #2244CC | #4444CC | #6644CC | #8844CC | #AA44CC | #CC44CC | #EE44CC | #FF44CC |
| | | | | | | | |
| #0066CC | #2266CC | #4466CC | #6666CC | #8866CC | #AA66CC | #CC66CC | #EE66CC | #FF66CC |
| | | | | | | | |
| #0088CC | #2288CC | #4488CC | #6688CC | #8888CC | #AA88CC | #CC88CC | #EE88CC | #FF88CC |
| | | | | | | | |
| #00AACC | #22AACC | #44AACC | #66AACC | #88AACC | #AAAACC | #CCAACC | #EEAACC | #FFAACC |
| | | | | | | | |
| #00CCCC | #22CCCC | #44CCCC | #66CCCC | #88CCCC | #AACCCC | #CCCCCC | #EECCCC | #FFCCCC |
| | | | | | | | |
| #00EECC | #22EECC | #44EECC | #66EECC | #88EECC | #AAEECC | #CCEECC | #EEEECC | #FFEECC |
| | | | | | | | |
| #00FFCC | #22FFCC | #44FFCC | #66FFCC | #88FFCC | #AAFFCC | #CCFFCC | #EEFFCC | #FFFFCC |
| | | | | | | | |
| #0000EE | #2200EE | #4400EE | #6600EE | #8800EE | #AA00EE | #CC00EE | #EE00EE | #FF00EE |
| | | | | | | | |
| #0022EE | #2222EE | #4422EE | #6622EE | #8822EE | #AA22EE | #CC22EE | #EE22EE | #FF22EE |
| | | | | | | | |
| #0044EE | #2244EE | #4444EE | #6644EE | #8844EE | #AA44EE | #CC44EE | #EE44EE | #FF44EE |
| | | | | | | | |
| #0066EE | #2266EE | #4466EE | #6666EE | #8866EE | #AA66EE | #CC66EE | #EE66EE | #FF66EE |
| | | | | | | | |
| #0088EE | #2288EE | #4488EE | #6688EE | #8888EE | #AA88EE | #CC88EE | #EE88EE | #FF88EE |
| | | | | | | | |
| #00AAEE | #22AAEE | #44AAEE | #66AAEE | #88AAEE | #AAAAEE | #CCAAEE | #EEAAEE | #FFAAEE |
| | | | | | | | |
| #00CCEE | #22CCEE | #44CCEE | #66CCEE | #88CCEE | #AACCEE | #CCCCEE | #EECCEE | #FFCCEE |
| | | | | | | | |
| #00EEEE | #22EEEE | #44EEEE | #66EEEE | #88EEEE | #AAEEEE | #CCEEEE | #EEEEEE | #FFEEEE |
| | | | | | | | |
| #00FFEE | #22FFEE | #44FFEE | #66FFEE | #88FFEE | #AAFFEE | #CCFFEE | #EEFFEE | #FFFFEE |
| | | | | | | | |
| #0000FF | #2200FF | #4400FF | #6600FF | #8800FF | #AA00FF | #CC00FF | #EE00FF | #FF00FF |
| | | | | | | | |
| #0022FF | #2222FF | #4422FF | #6622FF | #8822FF | #AA22FF | #CC22FF | #EE22FF | #FF22FF |
| | | | | | | | |
| #0044FF | #2244FF | #4444FF | #6644FF | #8844FF | #AA44FF | #CC44FF | #EE44FF | #FF44FF |
| | | | | | | | |
| #0066FF | #2266FF | #4466FF | #6666FF | #8866FF | #AA66FF | #CC66FF | #EE66FF | #FF66FF |
| | | | | | | | |
| #0088FF | #2288FF | #4488FF | #6688FF | #8888FF | #AA88FF | #CC88FF | #EE88FF | #FF88FF |
| | | | | | | | |
| #00AAFF | #22AAFF | #44AAFF | #66AAFF | #88AAFF | #AAAAFF | #CCAAFF | #EEAAFF | #FFAAFF |
| | | | | | | | |
| #00CCFF | #22CCFF | #44CCFF | #66CCFF | #88CCFF | #AACCFF | #CCCCFF | #EECCFF | #FFCCFF |
| | | | | | | | |
| #00EEFF | #22EEFF | #44EEFF | #66EEFF | #88EEFF | #AAEEFF | #CCEEFF | #EEEEFF | #FFEEFF |
| | | | | | | | |
| #00FFFF | #22FFFF | #44FFFF | #66FFFF | #88FFFF | #AAFFFF | #CCFFFF | #EEFFFF | #FFFFFF |
【PHPでのカラーチャートの作り方】
このカラーチャートの作り方も簡単なので教えちゃいますね。
//-----------------------------------------------------------
//下準備
$CNT[0] = "00";
$CNT[1] = "22";
$CNT[2] = "44";
$CNT[3] = "66";
$CNT[4] = "88";
$CNT[5] = "AA";
$CNT[6] = "CC";
$CNT[7] = "EE";
$CNT[8] = "FF";
//表示開始
print "<table border=0 cellspacing=1>
";
for($NUM_B=0; $NUM_B<=8; $NUM_B++)
{
for($NUM_G=0; $NUM_G<=8; $NUM_G++)
{
print "<tr>";
for($NUM_R=0; $NUM_R<=8; $NUM_R++)
{
$COLOR = $CNT[$NUM_R].$CNT[$NUM_G].$CNT[$NUM_B];
print "<td bgcolor=#".$COLOR." height=10></td>";
}
print "</tr>
";
print "<tr>";
for($NUM_R=0; $NUM_R<=8; $NUM_R++)
{
$COLOR = $CNT[$NUM_R].$CNT[$NUM_G].$CNT[$NUM_B];
print "<td>#".$COLOR."</td>";
}
print "</tr>
";
}
}
print "</table>
";
//-----------------------------------------------------------
■以上がソースコードです。
コピペして、全角スペースを空白で置き換えたら
使えるんじゃないかな。。。
また、部分コードではよくわからないとか、PHPを始めたばかりという人は、
無料配布のスクリプトも準備しておりますので下記からどうぞ。
【PHPスクリプトの無料配布】
| 
アフィリエイト,アクセスアップ,相互リンク,ロボット一括登録,検索エンジン最適化,ホームページ作成など、初級から中級のWebマスター必見！
