色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#dfdbdb
グラデーションカラーコード
f7f6f6 | f5f4f4 | f3f2f2 | f2f0f0 | f0eeee |
efeded | edebeb | ebe9e9 | eae7e7 | e8e5e5 |
e7e4e4 | e5e2e2 | e3e0e0 | e2dede | e0dcdc |
d3d0d0 | c8c5c5 | bdbaba | b2afaf | a7a4a4 |
9c9999 | 908e8e | 858383 | 7a7878 | 6f6d6d |
646262 | 595757 | 4e4c4c | 424141 | 373636 |
おすすめカラーパターン
フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
似ている色
| firebrick b22222 |
indianred cd5c5c |
rosybrown bc8f8f |
e9967a |
f08080 |
| salmon fa8072 |
ffa07a |
coral ff7f50 |
tomato ff6347 |
orangered ff4500 |
| red ff0000 |
crimson dc143c |
c71585 |
deeppink ff1493 |
hotpink ff69b4 |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #dfdbdb. </span>
HTML上にstyleで直接書く
<span style="color:#dfdbdb"> この色は #dfdbdb. </span>
CSSの適用
この色は #dfdbdb.
RGB（３原色）の値
Language list