ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

HTMLのカラーコード一覧表

カラーコードの見方と一覧表

HTMLで使うことのできるカラーコードは、3桁、もしくは6桁の16進数により指定することができます。

[カラーコードの例]
例: color:#F00;

この数値の値は、色の三原色(赤・青・緑)を16進数で表していて、左から「赤色」「青色」「緑色」の順に並べられています。
Fが最も明るく、0が最も暗い色となります。

例えば、F00は、一番左のFが最も明るく、その他は0なので最も暗くなるので、「赤色」を表すことになります。

なお、カラーコードは赤色、青色、緑色それぞれ256段階の階調で指定することが可能なので、全体で約1677万色の表現が可能です。(6桁指定の場合)
ただし、Webブラウザーやモニター、OSやパソコンの環境により同じカラーコードでも見え方が異なる場合があります。自宅で見た色と学校・職場で見る色が異なる、プリンターで出力した色が異なるなどの場合がありますが、これは環境によるものなので、完全に一致させることは不可能です。

3桁のカラーコード

カラーコード(3桁)

上記以外にも、6桁の16進数でカラーを表すことも可能です。
3桁よりもバラエティ豊な色数を指定することが可能です。

6桁のカラーコード

[ffff~ff0000]

6桁のカラーコード[ffff~ff0000]

[ddffff~dd0000]

6桁のカラーコード[ddffff~dd0000]

[bbffff~bb0000]

6桁のカラーコード[bbffff~bb0000]

ここで紹介しているカラー以外にも指定できるカラーは沢山あります。
※全部を掲載すると大変なので、かなり省略してます…。

なお、3桁、6桁、どちらで指定しても構いません。

3桁は6桁の省略版で、R・G・Bがそれぞれ1桁少なくなっています。
そのぶん指定できる色の範囲は小さくなるのですが、実際そこまで微妙な色合いを出すことがないので、個人的には3桁で十分だと思います。
※複雑な色は画像で作ったりする場合がほとんどだと思います。

この辺りは個人の好みなので、どちらかお好みの方法でご指定ください。
両方使ってもOKです。

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。