Hex color code とは:
Web でよく使われる 16 進数のカラーコード

UBC/informatics/image_analysis/hex_color_code

このページの最終更新日: 2023/05/05

  1. 概要: hex color code とは
  2. Hex color code の実例
  3. 便利なページ

広告

概要: Hex color code とは

Hex color code とは、色彩を表す方法の一つであり、hexadecimal (hex triplet)、すなわち 16 進数で表すもののことをいう。html で書かれたウェブサイトで色を指定するのによく用いられる。

Hex color code では、たとえば青は #0000FF と表される。

この文字の色である。

この 6 桁の数字またはアルファベットは、2 桁ずつ red, green, blue に対応している。つまり、#0000FF の場合は、赤色要素が 00 (0% を示す)、緑色要素も 00、青色要素が FF (100%) で、全体として青色を示すことになる。

つまり、hex color code の基本は RGB モデルであり、それぞれの色が 0 から 255 の 266 段階で指定され、混ぜ合わされて表示される。266 段階を 2 桁 (3 色で 6 桁) で表すために、16 進数を導入しているということになる。

表現できる色は、256 x 256 x 256 = 16,777,216 (16 M) 種類である。なお、新しいブラウザはこれに加えて transparency を 256 パターンで表現できるので、表示可能な色は 2564 = 4,294,967,296 (4 G) にのぼる。


RGBモデルの図

図1. RGB モデルの例 (3)。

立体で表現した RGB 空間

立体で表現した RGB 空間 (4)。


広告

Hex color code の実例

よく使われる hex color code や、お気に入りの色などをまとめていく。html シンボル一覧 のページに近い感じ。

名前が使える色

Webで使えるカラーネームと、そのカラーコード・RGB値一覧 より。html で名前で指定できる。

black
#000000
white
#ffffff
gray
#808080
silver
#c0c0c0
darkgray
#a9a9a9
lightgray
#d3d3d3
whitesmoke
#f5f5f5
snow
#fffafa
gainsboro
#dcdcdc
ghostwhite
#f8f8ff
blue
#0000ff
cyan
#00FFFF
darkblue
#00008b
lightsteelblue
#b0c4de
royalblue
#ffc0cb
navy
#000080
steelblue
#4682b4
mediumblue
#0000cd
dodgerblue
#1e90ff
cornflowerblue
#6495ed
deepskyblue
#00bfff
lightskyblue
#87cefa
skyblue
#87ceeb
lightblue
#add8e6
aqua
#00ffff
red
#ff0000
pink
#ffc0cb
indianred
#cd5c5c
darkred
#8b0000
crimson
#dc143c
salmon
#fa8072
darksalmon
#e9967a
lightsalmon
#ffa07a
lightcoral
#f08080
firebrick
#b22222
lightpink
#ffb6c1
hotpink
#ff69b4
deeppink
#ff1493
mediumvioletred
#c71585
aqpalevioletredua
#db7093

お気に入りの色

#4575B4 #4575B4 #4575B4 #4575B4 #4575B4

便利なページ


広告

References

  1. ページ編集に伴い削除
  2. ページ編集に伴い削除
  3. By Quark67(Modified color by Monami) - Image:Synthese+.svg, CC 表示-継承 3.0, Link
  4. By 英語版ウィキペディアSharkDさん - en.wikipedia からコモンズに移動されました。 Transfer was stated to be made by User:nopira., GFDL, Link

コメント欄

サーバー移転のため、コメント欄は一時閉鎖中です。サイドバーから「管理人への質問」へどうぞ。