webセーフカラー216・短縮コード一覧

 カラーコードはいろいろあれど、出来れば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


#093


#39c


#96f


#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?

 理由は簡単。

 カラーコードの中でもwebセーフカラー216はどのブラウザで見ても大体同じような色に表示されるから。

 他にも理由はある。

 もうひとつの理由は、webセーフカラー216のコードは#○○××▲▲と同じ数字が2つづつ並ぶ。

 このコードだと、短縮して表示することが可能だ。

 たとえば、#○○××▲▲は#○×▲といった具合。

 短縮したカラーコードのほうが、サイトの表示は軽くなる。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

シーサーブログのタグページに記事概要(記事の要約・サマリー)を表示する方法
RSSリーダーどれが使いやすい?
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
function.phpを含めたwordpressテーマの子テーマ化
FC2ブログから引越し準備・データのダウンロード
FC2ブログの管理画面が新しくなったけど、使いにくくなった
WordPress4.0にバージョンアップするとどこが変わった?
スタイルシートで角の丸いリンクボタンを作って見よう
g+1ボタンを非同期に読み込んでwordpressの表示を高速化する
GooglePlayアプリのダウンロードサイトへのリンクバナーを作ろう
wordpress記事一覧・更新日順、1ページの表示件数制御、ページャー対応コード
リビジョンを削除するプラグイン
FC2ただいま混乱中?
レンタルサーバーミニバードでサーバーの使用量を確認する方法
Googleアドセンスの非同期バージョンを入手する

Menu

HOME

 TOP