色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#dfdfdf
グラデーションカラーコード
f7f7f7 | f5f5f5 | f3f3f3 | f2f2f2 | f0f0f0 |
efefef | ededed | ebebeb | eaeaea | e8e8e8 |
e7e7e7 | e5e5e5 | e3e3e3 | e2e2e2 | e0e0e0 |
d3d3d3 | c8c8c8 | bdbdbd | b2b2b2 | a7a7a7 |
9c9c9c | 909090 | 858585 | 7a7a7a | 6f6f6f |
646464 | 595959 | 4e4e4e | 424242 | 373737 |
おすすめカラーパターン
フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
似ている色
| dimgray 696969 |
gray 808080 |
darkgray a9a9a9 |
silver c0c0c0 |
|
| lightgray d3d3d3 |
gainsboro dcdcdc |
f5f5f5 |
white ffffff |
snow fffafa |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #dfdfdf. </span>
HTML上にstyleで直接書く
<span style="color:#dfdfdf"> この色は #dfdfdf. </span>
CSSの適用
この色は #dfdfdf.
RGB（３原色）の値
Language list