色見本(HTMLカラーチャート)

ブログが作りたい!色の世界 > 色見本(HTMLカラーチャート)

色見本(HTMLカラーチャート)

ブログの配色

色の見本帳

色見本を作成しました。お話は、次の順番で進みます。

▲ページの先頭に戻る

色見本とは?

色見本は、印刷などのときに着色の参考に使用する資料のことです。カラーチャート、色見本帳などと呼ばれることもあります。

ホームページ制作の現場で「色見本」と言えば、色とHTMLコード属性値との対応表を指します。(HTML色見本、HTMLカラーチャート)

▲ページの先頭に戻る

色見本「ブラウザ定義編」

  • #ffffff

    White
  • #fffafa

    Snow
  • #f8f8ff

    Ghost
    White
  • #f5f5f5

    White
    Smoke
  • #fffaf0

    Floral
    White
  • #faf0e6

    Linen
  • #faebd7

    Antique
    White
  • #ffefd5

    Papaya
    Whip
  • #ffebcd

    Blanched
    Alomnd
  • #ffe4c4

    Bisque
  • #ffe4b5

    Moccasin
  • #ffdead

    Navajo
    White
  • #ffdab9

    Peach
    Puff
  • #ffe4e1

    Misty
    Rose
  • #fff0f5

    Lavender
    Blush
  • #fff5ee

    Seashell
  • #fdf5e6

    OldLace
  • #fffff0

    Ivory
  • #f0fff0

    Honeydew
  • #f5fffa

    Mint
    Cream
  • #f0ffff

    Azure
  • #f0f8ff

    Alice
    Blue
  • #e6e6fa

    Lavender
  • #000000

    Black
  • #2f4f4f

    Dark
    Slate
    Gray
  • #696969

    Dim
    Gray
  • #808080

    Gray
  • #a9a9a9

    Dark
    Gray
  • #c0c0c0

    Silver
  • #d3d3d3

    LightGray
  • #dcdcdc

    Gainsboro
  • #778899

    Light
    Slate
    Gray
  • #708090

    Slate
    Gray
  • #b0c4de

    Light
    Steel
    Blue
  • #4682b4

    Steel
    Blue
  • #4169e1

    Royal
    Blue
  • #191970

    Midnight
    Blue
  • #000080

    Navy
  • #00008b

    Dark
    Blue
  • #0000cd

    Medium
    Blue
  • #0000ff

    Blue
  • #1e90ff

    Dodger
    Blue
  • #6495ed

    Cornflower
    Blue
  • #00bfff

    Deep
    Sky
    Blue
  • #87cefa

    Light
    Sky
    Blue
  • #87ceeb

    Sky
    Blue
  • #add8e6

    Light
    Blue
  • #b0e0e6

    Powder
    Blue
  • #afeeee

    Pale
    Turqoise
  • #e0ffff

    Light
    Cyan
  • #00ffff

    Cyan
  • #00ffff

    Aqua
  • #40e0d0

    Turqoise
  • #48d1cc

    Medium
    Turqoise
  • #00ced1

    Dark
    Turqoise
  • #20b2aa

    Ligh
    tSea
    Green
  • #5f9ea0

    Cadet
    Blue
  • #008b8b

    Dark
    Cyan
  • #008080

    Teal
  • #2e8b57

    Sea
    Green
  • #556b2f

    Dark
    Olive
    Green
  • #006400

    Dark
    Green
  • #008000

    Green
  • #228b22

    Forest
    Green
  • #3cb371

    Medium
    Sea
    Green
  • #8fbc8f

    DarkSea
    Green
  • #66cdaa

    Medium
    Aquamarine
  • #7fffd4

    Aquamarine
  • #98fb98

    Pale
    Green
  • #90ee90

    Light
    Green
  • #00ff7f

    Spring
    Green
  • #00fa9a

    Medium
    Spring
    Green
  • #7cfc00

    Lawn
    Green
  • #7fff00

    Chartreuse
  • #adff2f

    Green
    Yellow
  • #00ff00

    Lime
  • #32cd32

    Lime
    Green
  • #9acd32

    Yellow
    Green
  • #6b8e23

    Olive
    Drab
  • #808000

    Olive
  • #bdb76b

    Dark
    Khaki
  • #eee8aa

    Pale
    Goldenrod
  • #fff8dc

    Corn
    Silk
  • #f5f5dc

    Beige
  • #ffffe0

    Light
    Yellow
  • #fafad2

    Light
    Goldenrod
    Yellow
  • #fffacd

    Lemon
    Chiffon
  • #f5deb3

    Wheat
  • #deb887

    Bulywood
  • #d2b48c

    Tan
  • #f0e68c

    Khaki
  • #ffff00

    Yellow
  • #ffd700

    Gold
  • #ffa500

    Orange
  • #f4a460

    Sandy
    Brown
  • #ff8c00

    Dark
    Orange
  • #daa520

    Goldenrod
  • #cd853f

    Peru
  • #b8860b

    Dark
    Goldenrod
  • #d2691e

    Chocolate
  • #a0522d

    Sienna
  • #8b4513

    Saddle
    Brown
  • #800000

    Maroon
  • #8b0000

    Dark
    Red
  • #a52a2a

    Brown
  • #b22222

    Fire
    brick
  • #cd5c5c

    Indian
    Red
  • #bc8f8f

    Rosy
    Brown
  • #e9967a

    Dark
    Salmon
  • #f08080

    Light
    Coral
  • #fa8072

    Salmon
  • #ffa07a

    Light
    Salmon
  • #ff7f50

    Coral
  • #ff6347

    Tomato
  • #ff4500

    Orange
    Red
  • #ff0000

    Red
  • #dc143c

    Crimson
  • #c71585

    Medium
    Violet
    Red
  • #ff1493

    Deep
    Pink
  • #ff69b4

    Hot
    Pink
  • #db7093

    Pale
    Violet
    Red
  • #ffc0cb

    Pink
  • #ffb6c1

    Light
    Pink
  • #d8bfd8

    Thistle
  • #ff00ff

    Magenta
  • #ff00ff

    Fuchsia
  • #ee82ee

    Violet
  • #dda0dd

    Plum
  • #da70d6

    Orchid
  • #ba55d3

    Medium
    Orchid
  • #9932cc

    Dark
    Orchid
  • #9400d3

    Dark
    Violet
  • #8b008b

    Dark
    Magenta
  • #800080

    Purple
  • #4b0082

    Indigo
  • #483d8b

    Dark
    Slate
    Blue
  • #8a2be2

    Blue
    Violet
  • #9370db

    Medium
    Purple
  • #6a5acd

    Slate
    Blue
  • #7b68ee

    Medium
    Slate
    Blue

▲ページの先頭に戻る

次回予告

次回は、少なすぎるので、無料Web素材を増やそうかと思っております。

▲ページの先頭に戻る

関連記事

配色に関連する記事を、ご紹介します。

▲ページの先頭に戻る

作成日:2008/02/21 更新日:2008/02/21

« 「ブログの配色とSD法」|

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/191-dbd7670e
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて