色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#d3d5d0
グラデーションカラーコード
f4f4f3 | f1f2f0 | eff0ee | edeeec | ebece9 |
e9eae7 | e6e7e5 | e4e5e2 | e2e3e0 | e0e1de |
dedfdb | dbddd9 | d9dbd7 | d7d9d4 | d5d7d2 |
c8cac5 | bdbfbb | b3b5b0 | a8aaa6 | 9e9f9c |
939591 | 898a87 | 7e7f7c | 747572 | 696a68 |
5e5f5d | 545553 | 494a48 | 3f3f3e | 343534 |
おすすめカラーパターン
フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
似ている色
| darkkhaki bdb76b |
eee8aa |
cornsilk fff8dc |
beige f5f5dc |
ffffe0 |
fafad2 |
fffacd |
wheat f5deb3 |
burlywood deb887 |
tan d2b48c |
| khaki f0e68c |
yellow ffff00 |
gold ffd700 |
pink ffc0cb |
f4a460 |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #d3d5d0. </span>
HTML上にstyleで直接書く
<span style="color:#d3d5d0"> この色は #d3d5d0. </span>
CSSの適用
この色は #d3d5d0.
RGB（３原色）の値
Language list