短縮カラーコードの一覧って、検索してもなかなか見つからない。
webセーフカラー216は短縮コードでもOKのはず。
無ければ自分で作ってしまおう。
webセーフカラー216短縮カラーコード一覧。
間違ってたらごめんなさい。
webセーフカラー216・短縮カラーコード一覧
#000 一般的な黒 | #ffc | #9f9 | #6ff | #33f | #f0f |
#333 | #ff9 | #6f6 | #3ff | #00f 一般的な青 | #f0c |
#666 | #ff6 | #3f3 | #0ff | #30f | #c09 |
#999 | #ff3 | #0f0 | #0cf | #30c | #f3c |
#ccc | #ff0 | #0f3 | #09c | #63f | #906 |
#fff 一般的な白 | #cf0 | #0c3 | #3cf | #309 | #c39 |
#f30 | #9c0 | #3f6 | #069 | #63c | #f6c |
#c30 | #cf3 |
| #39c |
| #f09 |
#f63 | #690 | #3c6 | #6cf | #60f | #603 |
#930 | #9c3 | #6f9 | #09f | #306 | #936 |
#c63 | #cf6 | #0f6 | #036 | #639 | #c69 |
#f96 | #9f0 | #063 | #369 | #96c | #c06 |
#f60 | #360 | #396 | #69c | #60c | #f9c |
#630 | #693 | #6c9 | #06c | #c9f | #f39 |
#963 | #9c6 | #0c6 | #9cf | #93f | #f06 |
#c96 | #6c0 | #9fc | #39f | #90f | #903 |
#c60 | #cf9 | #3f9 | #06f | #609 | #c36 |
#fc9 | #9f3 | #0f9 | #039 | #93c | #f69 |
#f93 | #6f0 | #096 | #36c | #c6f | #c03 |
#f90 | #390 | #3c9 | #69f | #90c | #f36 |
#960 | #6c3 | #6fc | #03c | #c3f | #f03 |
#c93 | #9f6 | #0c9 | #36f | #c0f | #300 |
#fc6 | #3c0 | #3fc | #03f | #303 | #633 |
#c90 | #6f3 | #0fc | #003 | #636 | #600 |
#fc3 | #3f0 | #033 | #336 | #606 | #966 |
#fc0 | #030 | #366 | #006 | #969 | #933 |
#330 | #363 | #066 | #669 | #939 | #900 |
#666 | #060 | #699 | #339 | #909 | #c99 |
#660 | #696 | #399 | #009 | #c9c | #c66 |
#996 | #393 | #099 | #99c | #c6c | #c33 |
#993 | #090 | #9cc | #66c | #c3c | #cc0 |
#990 | #9c9 | #6cc | #33c | #c0c | #fcc |
#cc9 | #6c6 | #3cc | #00c | #fcf | #f99 |
#cc6 | #3c3 | #0cc | #ccf | #f9f | #f66 |
#cc3 | #0c0 | #cff | #99f | #f6f | #f33 |
#cc0 | #cfc | #9ff | #66f | #f3f | #f00 |
webセーフカラー216が重要な理由
1、カラーコードの中でもwebセーフカラー216はどのブラウザで見ても大体同じような色に表示される。
2、webセーフカラー216のカラーコードは短縮が可能。
webセーフカラー216のコードは＃○○××▲▲と同じ数字が2つづつ並ぶ。
このコードだと、短縮して表示することが可能だ。
たとえば、＃○○××▲▲は＃○×▲といった具合に短縮できる。
スタイルシートなどに記載したカラーコードの文字数が一寸でも少ないほうがブログなどの表示時間を短縮することが出来る。
コメント