色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#dedcdf
グラデーションカラーコード
f6f6f7 | f5f4f5 | f3f2f3 | f1f1f2 | f0eff0 |
eeedef | ecebed | ebeaeb | e9e8ea | e7e6e8 |
e6e4e7 | e4e3e5 | e2e1e3 | e1dfe2 | dfdde0 |
d2d1d3 | c7c6c8 | bcbbbd | b1b0b2 | a6a5a7 |
9b9a9c | 908f90 | 858485 | 7a797a | 6f6e6f |
636364 | 585859 | 4d4d4e | 424242 | 373737 |
おすすめカラーパターン
フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #dedcdf. </span>
HTML上にstyleで直接書く
<span style="color:#dedcdf"> この色は #dedcdf. </span>
CSSの適用
この色は #dedcdf.
RGB（３原色）の値
Language list