「カラーチャート」の版間の差分
(カラーチャート#WEB上のカラーチャートへのリダイレクト) |
|||
1行目: | 1行目: | ||
− | # | + | {{Redirect|カラーマップ、カラーパレット|画像データ|インデックスカラー}} |
+ | |||
+ | {{色}} | ||
+ | |||
+ | '''カラーチャート'''とは、「[[色]]」の「表」、つまり色見本を配列した表である。 | ||
+ | |||
+ | == ウェブ上のカラーチャート == | ||
+ | [[ウェブページ]]では色を使う場合、上手に色を用いれば大変読みやすく見栄えもよくなるが、色遣いがまずければ、かえって読みにくくなり見栄えも悪くなる。 | ||
+ | |||
+ | また、色を表示できない環境もあり、また同じ色でも、[[ディスプレイ (コンピュータ)|ディスプレイ]]によって濃く表示されたり薄く表示されたりするため、色が自分の見ているとおりに表示されない環境でも読めるような配慮が必要である。 | ||
+ | |||
+ | === 基本16色 === | ||
+ | '''基本16色'''または'''標準16色''' (Basic 16 Colors) とは、[[HyperText Markup Language|HTML]]において「[[色名]]」で指定して表示が可能な16種類の[[色]]である。 | ||
+ | * '''上段''':指定した'''色名'''または'''RGB値'''(16進表記) | ||
+ | * '''下段''':上段の文字列で指定した'''色の表示部''' | ||
+ | <!-- 色の表示部に使用した全角スペースを明示するためにHTMLタグを使用しています。色の表示部の全角スペースを半角スペースに変更または削除すると正しく表示されなくなるので注意してください。--> | ||
+ | {| class="wikitable" style="text-align: center;" | ||
+ | |- | ||
+ | | colspan="4"| [[HyperText Markup Language#HTML 4.0、HTML 4.01|HTML4.0]]のcolor属性で指定可能な'''16色''' | ||
+ | |||
+ | |- | ||
+ | | Red || Maroon || Fuchsia || Purple | ||
+ | |||
+ | |- | ||
+ | | title="Red" style="background-color: Red; width: 25%;"| | ||
+ | | title="Maroon" style="background-color: Maroon; width: 25%;"| | ||
+ | | title="Fuchsia" style="background-color: Fuchsia; width: 25%;"| | ||
+ | | title="Purple" style="background-color: Purple; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | #FF0000 || #800000 || #FF00FF || #800080 | ||
+ | |||
+ | |- | ||
+ | | title="#FF0000" style="background-color: #FF0000; width: 25%;"| | ||
+ | | title="#800000" style="background-color: #800000; width: 25%;"| | ||
+ | | title="#FF00FF" style="background-color: #FF00FF; width: 25%;"| | ||
+ | | title="#800080" style="background-color: #800080; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | Lime || Green || Yellow || Olive | ||
+ | |||
+ | |- | ||
+ | | title="Lime" style="background-color: Lime; width: 25%;"| | ||
+ | | title="Green" style="background-color: Green; width: 25%;"| | ||
+ | | title="Yellow" style="background-color: Yellow; width: 25%;"| | ||
+ | | title="Olive" style="background-color: Olive; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | #00FF00 || #008000 || #FFFF00 || #808000 | ||
+ | |||
+ | |- | ||
+ | | title="#00FF00" style="background-color: #00FF00; width: 25%;"| | ||
+ | | title="#008000" style="background-color: #008000; width: 25%;"| | ||
+ | | title="#FFFF00" style="background-color: #FFFF00; width: 25%;"| | ||
+ | | title="#808000" style="background-color: #808000; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | Blue || Navy || Aqua || Teal | ||
+ | |||
+ | |- | ||
+ | | title="Blue" style="background-color: Blue; width: 25%;"| | ||
+ | | title="Navy" style="background-color: Navy; width: 25%;"| | ||
+ | | title="Aqua" style="background-color: Aqua; width: 25%;"| | ||
+ | | title="Teal" style="background-color: Teal; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | #0000FF || #000080 || #00FFFF || #008080 | ||
+ | |||
+ | |- | ||
+ | | title="#0000FF" style="background-color: #0000FF; width: 25%;"| | ||
+ | | title="#000080" style="background-color: #000080; width: 25%;"| | ||
+ | | title="#00FFFF" style="background-color: #00FFFF; width: 25%;"| | ||
+ | | title="#008080" style="background-color: #008080; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | White || Silver || Gray || Black | ||
+ | |||
+ | |- | ||
+ | | title="White" style="background-color: White; width: 25%;"| | ||
+ | | title="Silver" style="background-color: Silver; width: 25%;"| | ||
+ | | title="Gray" style="background-color: Gray; width: 25%;"| | ||
+ | | title="Black" style="background-color: Black; width: 25%;"| | ||
+ | |||
+ | |- | ||
+ | | #FFFFFF || #C0C0C0 || #808080 || #000000 | ||
+ | |||
+ | |- | ||
+ | | title="#FFFFFF" style="background-color: #FFFFFF; width: 25%;"| | ||
+ | | title="#C0C0C0" style="background-color: #C0C0C0; width: 25%;"| | ||
+ | | title="#808080" style="background-color: #808080; width: 25%;"| | ||
+ | | title="#000000" style="background-color: #000000; width: 25%;"| | ||
+ | |||
+ | |} | ||
+ | |||
+ | === ウェブセーフカラー === | ||
+ | '''ウェブセーフカラー''' (Web Safe Color、Webセーフカラー) は、ウェブ上の色を[[RGB]]値の[[三原色]]をそれぞれ6段階に分割し、"00", "33", "66", "99", "cc", "ff" の6種類のみを組み合わせた216色のことである。閲覧環境に左右されることが'''少ない'''ため「セーフ」と付く。8bitカラー(=256色)環境、24bitカラー(=16777216色)環境では共通した色が出るものの、16bitカラー(=65536色)環境では"00", "ff"のみで組み合わせた8色以外は一致しない<ref>[http://web.archive.org/web/20001209082300/http://www.hotwired.co.jp/webmonkey/2000/39/index2a.html ウェブセーフカラー・パレットは死んだのか?] | ||
+ | </ref>。さらにモニターやビデオカードの性能によってもWebセーフカラーでも表示される色は異なる。16bitカラー以上を表示可能なモニタが広く普及している21世紀初頭現在ではあまり意味のないものとなっている。 | ||
+ | |||
+ | {| cellpadding="2" style="background:#fff; text-align:center;" | ||
+ | |+ Web safe colorを16進数のRGB値で表現したマトリックス | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#000000;" | #000000 | ||
+ | | style="background-color:#000033;" | #000033 | ||
+ | | style="background-color:#000066;" | #000066 | ||
+ | | style="background-color:#000099;" | #000099 | ||
+ | | style="background-color:#0000cc;" | #0000cc | ||
+ | | style="background-color:#0000ff;" | #0000ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#003300;" | #003300 | ||
+ | | style="background-color:#003333;" | #003333 | ||
+ | | style="background-color:#003366;" | #003366 | ||
+ | | style="background-color:#003399;" | #003399 | ||
+ | | style="background-color:#0033cc;" | #0033cc | ||
+ | | style="background-color:#0033ff;" | #0033ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#006600;" | #006600 | ||
+ | | style="background-color:#006633;" | #006633 | ||
+ | | style="background-color:#006666;" | #006666 | ||
+ | | style="background-color:#006699;" | #006699 | ||
+ | | style="background-color:#0066cc;" | #0066cc | ||
+ | | style="background-color:#0066ff;" | #0066ff | ||
+ | |- | ||
+ | | style="background-color:#009900;" | #009900 | ||
+ | | style="background-color:#009933;" | #009933 | ||
+ | | style="background-color:#009966;" | #009966 | ||
+ | | style="background-color:#009999;" | #009999 | ||
+ | | style="background-color:#0099cc;" | #0099cc | ||
+ | | style="background-color:#0099ff;" | #0099ff | ||
+ | |- | ||
+ | | style="background-color:#00cc00;" | #00cc00 | ||
+ | | style="background-color:#00cc33;" | #00cc33 | ||
+ | | style="background-color:#00cc66;" | #00cc66 | ||
+ | | style="background-color:#00cc99;" | #00cc99 | ||
+ | | style="background-color:#00cccc;" | #00cccc | ||
+ | | style="background-color:#00ccff;" | #00ccff | ||
+ | |- | ||
+ | | style="background-color:#00ff00;" | #00ff00 | ||
+ | | style="background-color:#00ff33;" | #00ff33 | ||
+ | | style="background-color:#00ff66;" | #00ff66 | ||
+ | | style="background-color:#00ff99;" | #00ff99 | ||
+ | | style="background-color:#00ffcc;" | #00ffcc | ||
+ | | style="background-color:#00ffff;" | #00ffff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#330000;" | #330000 | ||
+ | | style="background-color:#330033;" | #330033 | ||
+ | | style="background-color:#330066;" | #330066 | ||
+ | | style="background-color:#330099;" | #330099 | ||
+ | | style="background-color:#3300cc;" | #3300cc | ||
+ | | style="background-color:#3300ff;" | #3300ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#333300;" | #333300 | ||
+ | | style="background-color:#333333;" | #333333 | ||
+ | | style="background-color:#333366;" | #333366 | ||
+ | | style="background-color:#333399;" | #333399 | ||
+ | | style="background-color:#3333cc;" | #3333cc | ||
+ | | style="background-color:#3333ff;" | #3333ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#336600;" | #336600 | ||
+ | | style="background-color:#336633;" | #336633 | ||
+ | | style="background-color:#336666;" | #336666 | ||
+ | | style="background-color:#336699;" | #336699 | ||
+ | | style="background-color:#3366cc;" | #3366cc | ||
+ | | style="background-color:#3366ff;" | #3366ff | ||
+ | |- | ||
+ | | style="background-color:#339900;" | #339900 | ||
+ | | style="background-color:#339933;" | #339933 | ||
+ | | style="background-color:#339966;" | #339966 | ||
+ | | style="background-color:#339999;" | #339999 | ||
+ | | style="background-color:#3399cc;" | #3399cc | ||
+ | | style="background-color:#3399ff;" | #3399ff | ||
+ | |- | ||
+ | | style="background-color:#33cc00;" | #33cc00 | ||
+ | | style="background-color:#33cc33;" | #33cc33 | ||
+ | | style="background-color:#33cc66;" | #33cc66 | ||
+ | | style="background-color:#33cc99;" | #33cc99 | ||
+ | | style="background-color:#33cccc;" | #33cccc | ||
+ | | style="background-color:#33ccff;" | #33ccff | ||
+ | |- | ||
+ | | style="background-color:#33ff00;" | #33ff00 | ||
+ | | style="background-color:#33ff33;" | #33ff33 | ||
+ | | style="background-color:#33ff66;" | #33ff66 | ||
+ | | style="background-color:#33ff99;" | #33ff99 | ||
+ | | style="background-color:#33ffcc;" | #33ffcc | ||
+ | | style="background-color:#33ffff;" | #33ffff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#660000;" | #660000 | ||
+ | | style="background-color:#660033;" | #660033 | ||
+ | | style="background-color:#660066;" | #660066 | ||
+ | | style="background-color:#660099;" | #660099 | ||
+ | | style="background-color:#6600cc;" | #6600cc | ||
+ | | style="background-color:#6600ff;" | #6600ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#663300;" | #663300 | ||
+ | | style="background-color:#663333;" | #663333 | ||
+ | | style="background-color:#663366;" | #663366 | ||
+ | | style="background-color:#663399;" | #663399 | ||
+ | | style="background-color:#6633cc;" | #6633cc | ||
+ | | style="background-color:#6633ff;" | #6633ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#666600;" | #666600 | ||
+ | | style="background-color:#666633;" | #666633 | ||
+ | | style="background-color:#666666;" | #666666 | ||
+ | | style="background-color:#666699;" | #666699 | ||
+ | | style="background-color:#6666cc;" | #6666cc | ||
+ | | style="background-color:#6666ff;" | #6666ff | ||
+ | |- | ||
+ | | style="background-color:#669900;" | #669900 | ||
+ | | style="background-color:#669933;" | #669933 | ||
+ | | style="background-color:#669966;" | #669966 | ||
+ | | style="background-color:#669999;" | #669999 | ||
+ | | style="background-color:#6699cc;" | #6699cc | ||
+ | | style="background-color:#6699ff;" | #6699ff | ||
+ | |- | ||
+ | | style="background-color:#66cc00;" | #66cc00 | ||
+ | | style="background-color:#66cc33;" | #66cc33 | ||
+ | | style="background-color:#66cc66;" | #66cc66 | ||
+ | | style="background-color:#66cc99;" | #66cc99 | ||
+ | | style="background-color:#66cccc;" | #66cccc | ||
+ | | style="background-color:#66ccff;" | #66ccff | ||
+ | |- | ||
+ | | style="background-color:#66ff00;" | #66ff00 | ||
+ | | style="background-color:#66ff33;" | #66ff33 | ||
+ | | style="background-color:#66ff66;" | #66ff66 | ||
+ | | style="background-color:#66ff99;" | #66ff99 | ||
+ | | style="background-color:#66ffcc;" | #66ffcc | ||
+ | | style="background-color:#66ffff;" | #66ffff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#990000;" | #990000 | ||
+ | | style="background-color:#990033;" | #990033 | ||
+ | | style="background-color:#990066;" | #990066 | ||
+ | | style="background-color:#990099;" | #990099 | ||
+ | | style="background-color:#9900cc;" | #9900cc | ||
+ | | style="background-color:#9900ff;" | #9900ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#993300;" | #993300 | ||
+ | | style="background-color:#993333;" | #993333 | ||
+ | | style="background-color:#993366;" | #993366 | ||
+ | | style="background-color:#993399;" | #993399 | ||
+ | | style="background-color:#9933cc;" | #9933cc | ||
+ | | style="background-color:#9933ff;" | #9933ff | ||
+ | |- style="color:#fff;" | ||
+ | | style="background-color:#996600;" | #996600 | ||
+ | | style="background-color:#996633;" | #996633 | ||
+ | | style="background-color:#996666;" | #996666 | ||
+ | | style="background-color:#996699;" | #996699 | ||
+ | | style="background-color:#9966cc;" | #9966cc | ||
+ | | style="background-color:#9966ff;" | #9966ff | ||
+ | |- | ||
+ | | style="background-color:#999900;" | #999900 | ||
+ | | style="background-color:#999933;" | #999933 | ||
+ | | style="background-color:#999966;" | #999966 | ||
+ | | style="background-color:#999999;" | #999999 | ||
+ | | style="background-color:#9999cc;" | #9999cc | ||
+ | | style="background-color:#9999ff;" | #9999ff | ||
+ | |- | ||
+ | | style="background-color:#99cc00;" | #99cc00 | ||
+ | | style="background-color:#99cc33;" | #99cc33 | ||
+ | | style="background-color:#99cc66;" | #99cc66 | ||
+ | | style="background-color:#99cc99;" | #99cc99 | ||
+ | | style="background-color:#99cccc;" | #99cccc | ||
+ | | style="background-color:#99ccff;" | #99ccff | ||
+ | |- | ||
+ | | style="background-color:#99ff00;" | #99ff00 | ||
+ | | style="background-color:#99ff33;" | #99ff33 | ||
+ | | style="background-color:#99ff66;" | #99ff66 | ||
+ | | style="background-color:#99ff99;" | #99ff99 | ||
+ | | style="background-color:#99ffcc;" | #99ffcc | ||
+ | | style="background-color:#99ffff;" | #99ffff | ||
+ | |- | ||
+ | | style="background-color:#cc0000;" | #cc0000 | ||
+ | | style="background-color:#cc0033;" | #cc0033 | ||
+ | | style="background-color:#cc0066;" | #cc0066 | ||
+ | | style="background-color:#cc0099;" | #cc0099 | ||
+ | | style="background-color:#cc00cc;" | #cc00cc | ||
+ | | style="background-color:#cc00ff;" | #cc00ff | ||
+ | |- | ||
+ | | style="background-color:#cc3300;" | #cc3300 | ||
+ | | style="background-color:#cc3333;" | #cc3333 | ||
+ | | style="background-color:#cc3366;" | #cc3366 | ||
+ | | style="background-color:#cc3399;" | #cc3399 | ||
+ | | style="background-color:#cc33cc;" | #cc33cc | ||
+ | | style="background-color:#cc33ff;" | #cc33ff | ||
+ | |- | ||
+ | | style="background-color:#cc6600;" | #cc6600 | ||
+ | | style="background-color:#cc6633;" | #cc6633 | ||
+ | | style="background-color:#cc6666;" | #cc6666 | ||
+ | | style="background-color:#cc6699;" | #cc6699 | ||
+ | | style="background-color:#cc66cc;" | #cc66cc | ||
+ | | style="background-color:#cc66ff;" | #cc66ff | ||
+ | |- | ||
+ | | style="background-color:#cc9900;" | #cc9900 | ||
+ | | style="background-color:#cc9933;" | #cc9933 | ||
+ | | style="background-color:#cc9966;" | #cc9966 | ||
+ | | style="background-color:#cc9999;" | #cc9999 | ||
+ | | style="background-color:#cc99cc;" | #cc99cc | ||
+ | | style="background-color:#cc99ff;" | #cc99ff | ||
+ | |- | ||
+ | | style="background-color:#cccc00;" | #cccc00 | ||
+ | | style="background-color:#cccc33;" | #cccc33 | ||
+ | | style="background-color:#cccc66;" | #cccc66 | ||
+ | | style="background-color:#cccc99;" | #cccc99 | ||
+ | | style="background-color:#cccccc;" | #cccccc | ||
+ | | style="background-color:#ccccff;" | #ccccff | ||
+ | |- | ||
+ | | style="background-color:#ccff00;" | #ccff00 | ||
+ | | style="background-color:#ccff33;" | #ccff33 | ||
+ | | style="background-color:#ccff66;" | #ccff66 | ||
+ | | style="background-color:#ccff99;" | #ccff99 | ||
+ | | style="background-color:#ccffcc;" | #ccffcc | ||
+ | | style="background-color:#ccffff;" | #ccffff | ||
+ | |- | ||
+ | | style="background-color:#ff0000;" | #ff0000 | ||
+ | | style="background-color:#ff0033;" | #ff0033 | ||
+ | | style="background-color:#ff0066;" | #ff0066 | ||
+ | | style="background-color:#ff0099;" | #ff0099 | ||
+ | | style="background-color:#ff00cc;" | #ff00cc | ||
+ | | style="background-color:#ff00ff;" | #ff00ff | ||
+ | |- | ||
+ | | style="background-color:#ff3300;" | #ff3300 | ||
+ | | style="background-color:#ff3333;" | #ff3333 | ||
+ | | style="background-color:#ff3366;" | #ff3366 | ||
+ | | style="background-color:#ff3399;" | #ff3399 | ||
+ | | style="background-color:#ff33cc;" | #ff33cc | ||
+ | | style="background-color:#ff33ff;" | #ff33ff | ||
+ | |- | ||
+ | | style="background-color:#ff6600;" | #ff6600 | ||
+ | | style="background-color:#ff6633;" | #ff6633 | ||
+ | | style="background-color:#ff6666;" | #ff6666 | ||
+ | | style="background-color:#ff6699;" | #ff6699 | ||
+ | | style="background-color:#ff66cc;" | #ff66cc | ||
+ | | style="background-color:#ff66ff;" | #ff66ff | ||
+ | |- | ||
+ | | style="background-color:#ff9900;" | #ff9900 | ||
+ | | style="background-color:#ff9933;" | #ff9933 | ||
+ | | style="background-color:#ff9966;" | #ff9966 | ||
+ | | style="background-color:#ff9999;" | #ff9999 | ||
+ | | style="background-color:#ff99cc;" | #ff99cc | ||
+ | | style="background-color:#ff99ff;" | #ff99ff | ||
+ | |- | ||
+ | | style="background-color:#ffcc00;" | #ffcc00 | ||
+ | | style="background-color:#ffcc33;" | #ffcc33 | ||
+ | | style="background-color:#ffcc66;" | #ffcc66 | ||
+ | | style="background-color:#ffcc99;" | #ffcc99 | ||
+ | | style="background-color:#ffcccc;" | #ffcccc | ||
+ | | style="background-color:#ffccff;" | #ffccff | ||
+ | |- | ||
+ | | style="background-color:#ffff00;" | #ffff00 | ||
+ | | style="background-color:#ffff33;" | #ffff33 | ||
+ | | style="background-color:#ffff66;" | #ffff66 | ||
+ | | style="background-color:#ffff99;" | #ffff99 | ||
+ | | style="background-color:#ffffcc;" | #ffffcc | ||
+ | | style="background-color:#ffffff;" | #ffffff | ||
+ | |} | ||
+ | |||
+ | == 物体色用の規格 == | ||
+ | === DIC === | ||
+ | {{Main|DICカラーガイド}} | ||
+ | [[DIC (企業)|DIC]]の製品。 | ||
+ | |||
+ | === パントーン === | ||
+ | {{Main|パントーン}} | ||
+ | [[アメリカ合衆国|米国]]の企業、[[パントーン]]社の製品。[[デザイン]]、[[工業]]、[[繊維]]、[[建築]]分野などで広く使われている。 | ||
+ | |||
+ | === 日本塗料工業会標準色 === | ||
+ | 日塗工あるいはJPMA標準色。[[日本塗料工業会]]が定める塗料の色標準。現在の日本の塗料の色標準、この標準番号を使えばメーカーからその色の塗料が購入できる。 | ||
+ | |||
+ | == 関連項目 == | ||
+ | * [[色空間]] | ||
+ | * [[色目]] | ||
+ | * [[色名一覧]](英語版:[[:en:List of colors]]) | ||
+ | * [[日本の色の一覧]] | ||
+ | |||
+ | * [[色]] | ||
+ | * [[色温度]] | ||
+ | |||
+ | == 脚注 == | ||
+ | {{Reflist}} | ||
+ | |||
+ | {{DEFAULTSORT:からちやと}} | ||
+ | [[Category:色]] | ||
+ | [[Category:表]] | ||
+ | |||
+ | [[en:Color chart]] |
2010年3月12日 (金) 21:16時点における最新版
カラーマップ、カラーパレットは、この項目へ転送されています。画像データについてはインデックスカラーをご覧ください。 |
カラーチャートとは、「色」の「表」、つまり色見本を配列した表である。
ウェブ上のカラーチャート[編集]
ウェブページでは色を使う場合、上手に色を用いれば大変読みやすく見栄えもよくなるが、色遣いがまずければ、かえって読みにくくなり見栄えも悪くなる。
また、色を表示できない環境もあり、また同じ色でも、ディスプレイによって濃く表示されたり薄く表示されたりするため、色が自分の見ているとおりに表示されない環境でも読めるような配慮が必要である。
基本16色[編集]
基本16色または標準16色 (Basic 16 Colors) とは、HTMLにおいて「色名」で指定して表示が可能な16種類の色である。
- 上段:指定した色名またはRGB値(16進表記)
- 下段:上段の文字列で指定した色の表示部
HTML4.0のcolor属性で指定可能な16色 | |||
Red | Maroon | Fuchsia | Purple |
#FF0000 | #800000 | #FF00FF | #800080 |
Lime | Green | Yellow | Olive |
#00FF00 | #008000 | #FFFF00 | #808000 |
Blue | Navy | Aqua | Teal |
#0000FF | #000080 | #00FFFF | #008080 |
White | Silver | Gray | Black |
#FFFFFF | #C0C0C0 | #808080 | #000000 |
ウェブセーフカラー[編集]
ウェブセーフカラー (Web Safe Color、Webセーフカラー) は、ウェブ上の色をRGB値の三原色をそれぞれ6段階に分割し、"00", "33", "66", "99", "cc", "ff" の6種類のみを組み合わせた216色のことである。閲覧環境に左右されることが少ないため「セーフ」と付く。8bitカラー(=256色)環境、24bitカラー(=16777216色)環境では共通した色が出るものの、16bitカラー(=65536色)環境では"00", "ff"のみで組み合わせた8色以外は一致しない[1]。さらにモニターやビデオカードの性能によってもWebセーフカラーでも表示される色は異なる。16bitカラー以上を表示可能なモニタが広く普及している21世紀初頭現在ではあまり意味のないものとなっている。
#000000 | #000033 | #000066 | #000099 | #0000cc | #0000ff |
#003300 | #003333 | #003366 | #003399 | #0033cc | #0033ff |
#006600 | #006633 | #006666 | #006699 | #0066cc | #0066ff |
#009900 | #009933 | #009966 | #009999 | #0099cc | #0099ff |
#00cc00 | #00cc33 | #00cc66 | #00cc99 | #00cccc | #00ccff |
#00ff00 | #00ff33 | #00ff66 | #00ff99 | #00ffcc | #00ffff |
#330000 | #330033 | #330066 | #330099 | #3300cc | #3300ff |
#333300 | #333333 | #333366 | #333399 | #3333cc | #3333ff |
#336600 | #336633 | #336666 | #336699 | #3366cc | #3366ff |
#339900 | #339933 | #339966 | #339999 | #3399cc | #3399ff |
#33cc00 | #33cc33 | #33cc66 | #33cc99 | #33cccc | #33ccff |
#33ff00 | #33ff33 | #33ff66 | #33ff99 | #33ffcc | #33ffff |
#660000 | #660033 | #660066 | #660099 | #6600cc | #6600ff |
#663300 | #663333 | #663366 | #663399 | #6633cc | #6633ff |
#666600 | #666633 | #666666 | #666699 | #6666cc | #6666ff |
#669900 | #669933 | #669966 | #669999 | #6699cc | #6699ff |
#66cc00 | #66cc33 | #66cc66 | #66cc99 | #66cccc | #66ccff |
#66ff00 | #66ff33 | #66ff66 | #66ff99 | #66ffcc | #66ffff |
#990000 | #990033 | #990066 | #990099 | #9900cc | #9900ff |
#993300 | #993333 | #993366 | #993399 | #9933cc | #9933ff |
#996600 | #996633 | #996666 | #996699 | #9966cc | #9966ff |
#999900 | #999933 | #999966 | #999999 | #9999cc | #9999ff |
#99cc00 | #99cc33 | #99cc66 | #99cc99 | #99cccc | #99ccff |
#99ff00 | #99ff33 | #99ff66 | #99ff99 | #99ffcc | #99ffff |
#cc0000 | #cc0033 | #cc0066 | #cc0099 | #cc00cc | #cc00ff |
#cc3300 | #cc3333 | #cc3366 | #cc3399 | #cc33cc | #cc33ff |
#cc6600 | #cc6633 | #cc6666 | #cc6699 | #cc66cc | #cc66ff |
#cc9900 | #cc9933 | #cc9966 | #cc9999 | #cc99cc | #cc99ff |
#cccc00 | #cccc33 | #cccc66 | #cccc99 | #cccccc | #ccccff |
#ccff00 | #ccff33 | #ccff66 | #ccff99 | #ccffcc | #ccffff |
#ff0000 | #ff0033 | #ff0066 | #ff0099 | #ff00cc | #ff00ff |
#ff3300 | #ff3333 | #ff3366 | #ff3399 | #ff33cc | #ff33ff |
#ff6600 | #ff6633 | #ff6666 | #ff6699 | #ff66cc | #ff66ff |
#ff9900 | #ff9933 | #ff9966 | #ff9999 | #ff99cc | #ff99ff |
#ffcc00 | #ffcc33 | #ffcc66 | #ffcc99 | #ffcccc | #ffccff |
#ffff00 | #ffff33 | #ffff66 | #ffff99 | #ffffcc | #ffffff |
物体色用の規格[編集]
DIC[編集]
DICの製品。
パントーン[編集]
米国の企業、パントーン社の製品。デザイン、工業、繊維、建築分野などで広く使われている。
日本塗料工業会標準色[編集]
日塗工あるいはJPMA標準色。日本塗料工業会が定める塗料の色標準。現在の日本の塗料の色標準、この標準番号を使えばメーカーからその色の塗料が購入できる。
関連項目[編集]
- 色空間
- 色目
- 色名一覧(英語版:en:List of colors)
- 日本の色の一覧