▼ ソースコード <html> <head><title>色見本</title> <script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script> </head> <body> <div style="text-align:center"> <h1>色見本</h1> <table border=1 cellpadding=6> <?php define("COL", 6); // 横並び数設定 $count = 0; for ($b=0x00; $b<=0xff; $b+=0x33) { // blueを0x33きざみ for ($g=0x00; $g<=0xff; $g+=0x33) { // greenを0x33きざみ for ($r=0x00; $r<=0xff; $r+=0x33) { // redを0x33きざみ // 背景色と文字色を決める $color = ($r <= 0x66 && $g <= 0x66) ? 'white' : 'black'; $bgcolor = sprintf("#%02X%02X%02X", $r, $g, $b); // 色表示 if (++$count % COL === 1) echo "<tr>"; echo "<td style=\"background-color:{$bgcolor};", "color:{$color}\"><tt>{$bgcolor}</tt></td>"; if ( $count % COL === 0) echo "</tr>\n"; } } } ?> </table> </div> </body> </html> フルカラー１６７７７２１６色のうち、２１６色を表示させている。 ▼ 表示結果 表示結果
フルカラー１６７７７２１６色のうち、２１６色を表示させている。
▼ ソースコード <html> <head><title>色見本</title> <script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script> </head> <body> <div style="text-align:center"> <h1>色見本</h1> <table border=1 cellpadding=6> <?php define("COL", 16); // 横並び数設定 $count = 0; for ($b=0x00; $b<=0xff; $b+=0x11) { // blueを0x11きざみ for ($g=0x00; $g<=0xff; $g+=0x11) { // greenを0x11きざみ for ($r=0x00; $r<=0xff; $r+=0x11) { // redを0x11きざみ // 背景色と文字色を決める $color = ($r <= 0x77 && $g <= 0x77) ? 'white' : 'black'; $bgcolor = sprintf("#%02X%02X%02X", $r, $g, $b); // 色表示 if (++$count % COL === 1) echo "<tr>"; echo "<td style=\"background-color:{$bgcolor};", "color:{$color}\"><tt>{$bgcolor}</tt></td>"; if ( $count % COL === 0) echo "</tr>\n"; } } } ?> </table> </div> </body> </html> フルカラー１６７７７２１６色のうち、４０９６色を表示させている。 ▼ 表示結果 表示結果
フルカラー１６７７７２１６色のうち、４０９６色を表示させている。