So-net無料ブログ作成
検索選択
メッセージを送る
色見本帳 ブログトップ

私の色見本帳…カラーネーム [色見本帳]


        色の名前で色を指定できるものは140種類あります。
        はじめの【HTML4.0で定義されている色】の16色も含まれます。
        私は中間色が多いこの見本帳が一番好きです。
        色の名前もかわいくて、Aの最初はaliceblue,不思議の国のアリス
        他には、tomato、oldlace、cornflower…など、素敵です。
        名前を見ているだけでも楽しくなります。

        ただし、パソコンの環境で、表示される色が違う場合もあるようです。
        他のパソコンにはどのように見えているのでしょうか。
        表示された色が色の名前とかけ離れていると思われたコード教えてください。

        この表は色のグラデーションや配色にはこだわらずに
        色の名前を基準に考えています。
        左側がアルファベットの順、右側が16進法のコードになっています。
        表が長くなる関係で文字が小さくて読みにくいかもしれません。
        表を見るときは、画面の照度を少し落としてから見てください。
        目が疲れますから…。


カラーネームによる140色の色見本】

aliceblue #f0f8ff #f0f8ff
antiquewhite #faedb7 #faedb7
aqua #00ffff #00ffff
aquamarine #7fffd4
azure #f0ffff #f0ffff
beige #f5f5dc #f5f5dc
bisque #ffe4c4 #ffe4c4
black #000000 #000000
blue #0000ff #0000ff
blanchedalmond #ffebcd #ffebcd
blueviolet #8a2be2 #8a2be2
brown #a52a2a #a52a2a
burlywood #deb887 #deb887
cadetblue #5f9ea0 #5f9ea0
chartreuse #7fff00 #7fff00
chocolate #d2691e #d2691e
coral #ff7f50 #ff7f50
cornflowerblue #6495ed #6495ed
cornsilk #fff8dc #fff8dc
crimson #dc143c #dc143c
cyan #00ffff #00ffff
darkblue #00008b #00008b
darkcyan #008b8b #008b8b
darkgoldenrod #b8860b #b8860b
darkgray #a9a9a9 #a9a9a9
darkgreen #006400 #006400
darkkhaki #b0b76b #b0b76b
darkmagenta #8b008b #8b008b
darkolivegreen #556b2f #556b2f
darkorange #ff8c00 #ff8c00
darkorchid #9932cc #9932cc
darkred #8b0000 #8b0000
darksalmon #e9967a #e9967a
darkseagreen #8fbc8b #8fbc8b
darkslateblue #483d8b #483d8b
darkslategray #2f4f4f #2f4f4f
darktuequoise #00ced1 #00ced1
darkviolet #9400d3 #9400d3
deeppink #ff1493 #ff1493
deepskyblue #00bfff #00bfff
dimgray #696969 #696969
dodgerblue #1e90ff #1e90ff
firebrick #b22222 #b22222
floralwhite #fffaf0 #fffaf0
forestgreen #228b22 #228b22
fuchsia #ff00ff #ff00ff
gainsboro #dcdcdc #dcdcdc
ghostwhite f8f8ff #f8f8ff
gold #ffd700 #ffd700
goldenrod #daa520 #daa520
gray #808080 #808080
green #008000 #008000
greenyellow #adff2f #adff2f
hotpink #ff69b4 #ff69b4
honeydew #f0fff0
indianred #cd5c5c #cd5c5c
indigo #4b0082 #4b0082
ivory #fffff0 #fffff0
khaki #f0e68c #f0e68c
lavender lavender #e6e6fa
lavenderblush #fff0f5 #fff0f5
lawngreen #7cfc00 #7cfc00
lemonchiffon #fffacd
lightblue #add8e6
lightcoral #f08080 #f08080
lightcyan #e0ffff #e0ffff
lightgoldenrodyellow #fafad2 #fafad2
lightgreen #90ee90 #90ee90
lightgrey #d3d3d3 #d3d3d3
lightpink #ffb6c1 #ffb6c1
lightsalmon #ffa07a #ffa07a
lightseagreen #20b2aa #20b2aa
lightslategray #778899 #778899
lightskyblue #87cefa
lightsteelblue #b0d4de #b0c4de
lightyellow #ffffe0 #ffffe0
lime #00ff00 #00ff00
limegreen #32cd32 #32cd32
linen #faf0e6 #faf0e6
magenta #ff00ff #ff00ff
maroon #800000 #800000
mediumaquamarine #66cdaa #66cdaa
mediumblue #0000cd #0000cd
mediumorchid #ba55d3 #ba55d3
mediumpurple #9370db #9370db
mediumseagreen #3cb371 #3cb371
mediumslateblue #7b68ee #7b68ee
mediumspringgreen #00fa9a #00fa9a
mediumturquoise #48d1cc
mediumvioletred #c71585 #c71585
midnightblue #191970 #191970
mintcream #f5fffa #f5fffa
mistyrose #ffe4e1 #ffe4e1
moccasin #ffe4b5
navajowhite #ffdead #ffdead
navy #000080 #000080
oldlace #fdf5e6 #fdf5e6
olive #808000 #808000
olivedrab #6b8e23 #6b8e23
orange #ffa500 #ffa500
orangered #ff4500 #ff4500
orchid #da70d6 #da70d6
palegoldenrod #eee8aa #eee8aa
palegreen #98fb98 #98fb98
paleturquoise #afeeee #afeeee
palevioletred #db7093 #db7093
papyawhip #ffefd5 #ffdfe5
peachpuff #ffdab9 #ffdab9
peru #cd853f #cd853f
pink #ffc0cb #ffc0cb
plum #dda0dd #dda0dd
powderblue #b0e0e6 #b0e0e6
purple #800080 #800080
red #ff0000 #ff0000
rosybrown #bc8f8f #bc8f8f
royalblue #4169e1 #4169e1
saddlebrown #8b4513 #8b4513
salmon #fa8072 #fa8072
sandybrown #f4a460 #f4a460
seagreen #2e8b57 #2e8b57
seashell seashll #fff5ee
sienna #a0522d #a0522d
silver #c0c0c0 #c0c0c0
skyblue #87ceeeb #87ceeb
slateblue #6a5acd #6a5acd
slategray #708090 #708090
snow  #fffafa #fffafa
springgreen #00ff7f #00ff7f
steelblue #4682b4 #4682b4
tan #d2b48c #d2b48c
teal #008080 #008080
thistle #d8bfd8 #d8bfd8
tomato #ff6347 #ff6347
turquoise #40e0d0 #40e0d0
violet #ee82ee #ee82ee
wheat #f5deb3 #f5deb3
white #ffffff #ffffff
whitesmoke #f5f5f5
yellow #ffff00 #ffff00
yellowgreen #9acd32 #9acd32




nice!(9)  コメント(21) 

私の色見本帳…セ-フカラー214色 [色見本帳]



   表にある214の色はWindowsでもMacでも共通に使える
   web safe colorといわれているものです。

   色のコードナンバーは、
   10進法で表したRGB値と、
   16進法で表した#で始まり、
   00 33 66 99 ff ccを組み合わせた6桁のものがあります。
   私はセーフカラー以外でも16進法のコードを多く使ってきたのでこちらを表示しました。
   今まで参考にしてきた表は、コード順に羅列したものが多く
   色そのもので探すのには不便を感じていましたので
   自分の独断でグラデーションにしてみました。
   表を見るときは画面の明るさを少し暗めにして見始めてください。
   目が疲れます。


【セーフカラー214色の色見本】

きいろ系 あか系 むらさき系 あお系 みどり青系 みどり系
#330000 #330033 #000033 #003333 #003300 #333300
#666600 #660000 #660066 #000066 #006666 #006600
#666633 #663333 #663366 #333366 #336666 #336633
#663300 #660033 #330066 #003366 #006633 #336600
#999900 #990000 #990099 #000099 #009999 #009900
#999933 #993333 #666666 #333399 #339999 #339933
#999966 #996666 #996699 #666699 #669999 #669966
#996633 #993366 #663399 #336699 #339966 #669933
#996600 #990033 #660099 #003399 #009966 #339900
#993300 #990066 #330099 #006699 #009933 #669900
#cc3300 #cc0099 #3300cc #0099cc #00cc33 #99cc00
#cc6633 #cc3399 #6633cc #3399cc #33cc66 #99cc33
#cc6600 #cc0066 #6600cc #0066cc #00cc66 #66cc00
#cc9966 #cc6699 #9966cc #6699cc #66cc99 #99cc66
#cc9933 #cc3366 #9933cc #3366cc #33cc99 #66cc33
#cc9900 #cc0033 #9900cc #0033cc #00cc99 #33cc00
#cccc00 #cc0000 #cc00cc #0000cc #00cccc #00cc00
#cccc33 #cc3333 #cc33cc #3333cc #33cccc #33cc33
#cccc66 #cc6666 #cc66cc #6666cc #66cccc #66cc66
#cccc99 #cc9999 #cc99cc #9999cc #99cccc #99cc99
#ffcc00 #ff0033 #cc00ff #0033ff #00ffcc #33ff00
#ffcc33 #ff3366 #cc33ff #3366ff #33ffcc #66ff33
#ffcc66 #ff6699 #cc66ff #6699ff #66ffcc #99ff66
#ffcc99 #ff99cc #cc99ff #99ccff #99ffcc #ccff99
#ff9900 #ff0066 #9900ff #0066ff #00ff99 #66ff00
#ff9933 #ff3399 #9933ff #3333ff #33ff99 #99ff33
#ff9966 #ff66cc #9966ff #66ccff #66ff99 #ccff66
#ffff00 #ff0000 #ff00ff #0000ff #00ffff #00ff00
#ffff33 #ff3333 #ff33ff #3333ff #33ffff #33ff33
#ffff66 #ff6666 #ff66ff #6666ff #66ffff #66ff66
#ffff99 #ff9999 #ff99ff #9999ff #cccccc #99ff99
#ffffcc #ffcccc #ffccff #ccccff #cccffff #ccffcc
#ccff00 #ff3300 #ff00cc #3300ff #00ccff #00ff33
#ccff33 #ff6633 #ff33cc #6633ff #33ccff #33ff66
#99ff00 #ff6600 #ff0099 #6600ff #0099ff #00ff66
きいろ系 あか系 むらさき系  あお系 みどり青系 みどり系
#ffffff #cccccc #999999 #666666 #333333 #000000

   時間が足りず、心残りの部分もあるのですが、記事アップします。
   今後も入れ替えをしていくつもりです。



nice!(8)  コメント(16) 

私の色見本帳…基本の16色 [色見本帳]



  100枚を超えるプレートを作りました。
  私が見ている色と受け取ってくださった方が見ている色は同じなのでしょうか。
  不安な部分です。

  本などのカラー見本を見ても、印刷してある色をイメージしてアップしてみると
  全然違う色だったりします。
  自分のパソコンでちゃんと確かめてみようと思いました。
  あまりにもデリケートな色だとほかのPCでは出せていないかもしれないので
  チェックの意味でもできる限り表示してみたいと思います。


  パソコンで使う色に【HTML4.0で定義されている色】があります。
  この16色は、0,8,c,f、を組み合わせた記号とアルファベットの名前で
  表されています。

  他には
  セーフカラーという214色があります。
  小文字の#の後に6桁の番号と文字を使う16進法という方法で表されています。
  文字記号で、00.33.66.99.cc.ff.の6種類の組み合わせです。

  アルファベットの色の名前でも指定している140色もあります。
  3回にまとめていきます



【HTML4.0で定義されている色】

#000000                            black

#808080                            grey

#c0c0c0                             silver

#ffffff                              white

#800000                           maron

#ff0000                              red

#808000                            olive

#ffff00                               yeiiow

#008000                            green

#00ff00                              lime

#008080                             teal

#00ffff                              aqua

#000080                            navy

#0000ff                             blue

#800080                           purple

#ff00ff                            fuchsia



  はっきりした強い色が多く私はあまり使ってきませんでした。
  使おうと思いますが、難しいです。

  5/18 Mediumさんのご指導により言葉足らずのところ、訂正と修正をしました。




nice!(4)  コメント(10) 

作った色をまとめる・・・私の色見本帳・・・ [色見本帳]


お正月用のハーボットのテーブル枠をつくった時 その中に文字を入れました。
その文字に気に入った色を付けたくて mimicさんに教えてもらったのが、
color sliderというページ です。
色を自分で調合できます。

お正月のテーブル枠の文字の色は

#ff77aa お正月枠の文字候補-1

#959fa5 お正月枠の文字候補-2


自分で言うのも何ですが、どうすれば希望の色が作れるのか、ぜんぜんわかりませんでした。
結局無難な、2のグレーを選びました。
その後、写真のためのテーブルの色を作るためにこのページを何度も訪ねました。
私がつくった色をこのページにまとめていきたいと思います。
私が作った色は6桁のアルファベットと数字を見合わせた、コードであらわしたものです。

サイドバーの項目を書くバーと写真のフレームの色を合わせたくて

#726d5b

#827d6b

#928d7b

#7a7563 デジカメで撮る。雪の日の空 

#8a7d6e デジカメで撮る。日差しだけ春。

#9a8b7e デジカメで撮る。庭のお客様。


やっと、サイドバーに使えそうな色になってきました。

次は雪の写真にに合わせるフレームが欲しいと思いました。

#ecece1 デジカメで撮る。なごりの雪

#e4e4dc デジカメで撮る。淡雪のしずく(1)

#ecece1 デジカメで撮る。淡雪のしずく(2)

#efece1 デジカメで撮る。ベニシタン


今この中ではecece1が使いやすい色です。

3月のプロフィールで試した色。

#f2ece1

#f3ece1

#f3f2e7

ほかに試してみた色。

#f7ece1 さくらのぴんく

#f4ece1 ピンクベージュ

#f1ece1 ピンキーグレイ

#ffece1 ベビーピンク

#ff93e1 濃いピンク

#df8ca3 くすんだワイン


nice!(0)  コメント(6) 
色見本帳 ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。