HTMLカラーコードまとめ:色の仕組みとHTMLカラー一覧表:SwitchBoxSwitchBoxWEBに転がる「おもしろい」と「役に立つ」をまとめる雑食系ブログその他その他HTMLカラーコードまとめ:色の仕組みとHTMLカラー一覧表2013年2月16日HTMLカラーコードは、サイトやブログを作るときに使う「HTML」で色を表すための表記方法です。サイトを作るとき以外にも、ペイントソフトなんかに使われることも多いので、ざっくり知っておくと役に立ちますよ。HTMLカラーコードの色の仕組みHTMLカラーコードは、色を表す暗号のようなもの。赤色は「#FF0000」という風に表されます。色を表す考え方は「RGB」と同じで、最初の2ケタが赤・次の2ケタが緑・最後の2ケタが青の強さを表しています。RGBカラーモードについては、以下の記事で紹介しています。RGBまとめ:色の仕組みとRGBカラーコード一覧表HTMLカラーコードの特徴は、数字とアルファベットを組み合わせていること。これは、数字には0~9までしかないので、9の次に大きい文字を「A」としているからです。大きい文字は「F」と決められています。さっきの「#FF0000」を例にすると、「FF」が赤の強さ、次の「00」が緑の強さ、最後の「00」が青の強さとなります。赤は2ケタとも「F」なので最大に明るくて、緑と青は全部「0」で真っ暗です。モニターには赤が映ることになります。先頭についている「#」は、これはカラーコードですよ、と知らせるための記号のようなものです。理屈はちょっとややこしかったので、主な色を一覧表にまとめてみました。#0a0a0a...というわけで今回は、HTMLカラーコードの仕組みと一覧表のまとめでした。必要なときにコピペして使ってみてくださいね。世界一不機嫌な猫が、世界一カワイイ!。