色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#d3d4d5
グラデーションカラーコード
f4f4f4 | f1f2f2 | efeff0 | ededee | ebebec |
e9e9ea | e6e7e7 | e4e5e5 | e2e3e3 | e0e0e1 |
dededf | dbdcdd | d9dadb | d7d8d9 | d5d6d7 |
c8c9ca | bdbebf | b3b4b5 | a8a9aa | 9e9f9f |
939495 | 89898a | 7e7f7f | 747475 | 696a6a |
5e5f5f | 545455 | 494a4a | 3f3f3f | 343535 |
おすすめカラーパターン
フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #d3d4d5. </span>
HTML上にstyleで直接書く
<span style="color:#d3d4d5"> この色は #d3d4d5. </span>
CSSの適用
この色は #d3d4d5.
RGB（３原色）の値
Language list