★カラーパレット
Webpageづくりに役に立ててもらえれば幸いです。
HTMLにおいて色を指定する方法には、直接色の名前を入れるCOLORNAME指定という方法と、
赤(R)、緑(G)、青(B)の色の三原色をそれぞれ16進数の「値」で指定する方法の二種類があります。
16進数を一原色あたり2組使うことで、一原色につき256通り、それが三色組み合わさって全部で1677万7216色(フルカラー)の指定が可能になります。
16進数は、2進数や10進数と同様に数をカウントする方法です。16進数は、0から始まり9を越える数字をABCで表示し、
最後がFになったところで桁上がります。10進数の0から9までの10種類で一桁に対し、16進数は0からFまで16種類の数で一桁になります。
そのため、一桁で16通りの組み合わせを持つ4ビット(2進数で4桁)分を、二桁あればコンピュータの1バイト(8ビット=256種類)の組み合わせが表現できるのです。
色名称はそれ自体を覚えるしかありませんが、16進数指定は、希望の色を最初に作成して、それを16進数表示に変換することで、
"000000"(黒)から"FFFFFF"(白)までのどんな色でも指定できます。作成した色を簡単に16進数表示させるペイントツールも数多くあります。
もっとも、肝心のコンピュータ画面がフルカラーに対応していないこともあるので、あまり細かい指定は無意味かもしれません。
|
| #000000 |
| #330000 |
| #660000 |
| #990000 |
| #CC0000 |
| #FF0000 |
| #003300 |
| #333300 |
| #663300 |
| #993300 |
| #CC3300 |
| #FF3300 |
| #006600 |
| #336600 |
| #666600 |
| #996600 |
| #CC6600 |
| #FF6600 |
| #009900 |
| #339900 |
| #669900 |
| #999900 |
| #CC9900 |
| #FF9900 |
| #00CC00 |
| #33CC00 |
| #66CC00 |
| #99CC00 |
| #CCCC00 |
| #FFCC00 |
| #00FF00 |
| #33FF00 |
| #66FF00 |
| #99FF00 |
| #CCFF00 |
| #FFFF00 |
| #000033 |
| #330033 |
| #660033 |
| #990033 |
| #CC0033 |
| #FF0033 |
| #003333 |
| #333333 |
| #663333 |
| #993333 |
| #CC3333 |
| #FF3333 |
| #006633 |
| #336633 |
| #666633 |
| #996633 |
| #CC6633 |
| #FF6633 |
| #009933 |
| #339933 |
| #669933 |
| #999933 |
| #CC9933 |
| #FF9933 |
| #00CC33 |
| #33CC33 |
| #66CC33 |
| #99CC33 |
| #CCCC33 |
| #FFCC33 |
| #00FF33 |
| #33FF33 |
| #66FF33 |
| #99FF33 |
| #CCFF33 |
| #FFFF33 |
| #000066 |
| #330066 |
| #660066 |
| #990066 |
| #CC0066 |
| #FF0066 |
| #003366 |
| #333366 |
| #663366 |
| #993366 |
| #CC3366 |
| #FF3366 |
| #006666 |
| #336666 |
| #666666 |
| #996666 |
| #CC6666 |
| #FF6666 |
| #009966 |
| #339966 |
| #669966 |
| #999966 |
| #CC9966 |
| #FF9966 |
| #00CC66 |
| #33CC66 |
| #66CC66 |
| #99CC66 |
| #CCCC66 |
| #FFCC66 |
| #00FF66 |
| #33FF66 |
| #66FF66 |
| #99FF66 |
| #CCFF66 |
| #FFFF66 |
| #000099 |
| #330099 |
| #660099 |
| #990099 |
| #CC0099 |
| #FF0099 |
| #003399 |
| #333399 |
| #663399 |
| #993399 |
| #CC3399 |
| #FF3399 |
| #006699 |
| #336699 |
| #666699 |
| #996699 |
| #CC6699 |
| #FF6699 |
| #009999 |
| #339999 |
| #669999 |
| #999999 |
| #CC9999 |
| #FF9999 |
| #00CC99 |
| #33CC99 |
| #66CC99 |
| #99CC99 |
| #CCCC99 |
| #FFCC99 |
| #00FF99 |
| #33FF99 |
| #66FF99 |
| #99FF99 |
| #CCFF99 |
| #FFFF99 |
| #0000CC |
| #3300CC |
| #6600CC |
| #9900CC |
| #CC00CC |
| #FF00CC |
| #0033CC |
| #3333CC |
| #6633CC |
| #9933CC |
| #CC33CC |
| #FF33CC |
| #0066CC |
| #3366CC |
| #6666CC |
| #9966CC |
| #CC66CC |
| #FF66CC |
| #0099CC |
| #3399CC |
| #6699CC |
| #9999CC |
| #CC99CC |
| #FF99CC |
| #00CCCC |
| #33CCCC |
| #66CCCC |
| #99CCCC |
| #CCCCCC |
| #FFCCCC |
| #00FFCC |
| #33FFCC |
| #66FFCC |
| #99FFCC |
| #CCFFCC |
| #FFFFCC |
| #0000FF |
| #3300FF |
| #6600FF |
| #9900FF |
| #CC00FF |
| #FF00FF |
| #0033FF |
| #3333FF |
| #6633FF |
| #9933FF |
| #CC33FF |
| #FF33FF |
| #0066FF |
| #3366FF |
| #6666FF |
| #9966FF |
| #CC66FF |
| #FF66FF |
| #0099FF |
| #3399FF |
| #6699FF |
| #9999FF |
| #CC99FF |
| #FF99FF |
| #00CCFF |
| #33CCFF |
| #66CCFF |
| #99CCFF |
| #CCCCFF |
| #FFCCFF |
| #00FFFF |
| #33FFFF |
| #66FFFF |
| #99FFFF |
| #CCFFFF |
| #FFFFFF |
|