色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#dad5e2
グラデーションカラーコード
f5f4f7 | f3f2f6 | f2f0f4 | f0eef3 | eeecf1 |
eceaf0 | eae7ef | e8e5ed | e6e3ec | e5e1ea |
e3dfe9 | e1dde7 | dfdbe6 | ddd9e4 | dbd7e3 |
cfcad6 | c4bfcb | b9b5c0 | aeaab4 | a39fa9 |
98959e | 8d8a92 | 827f87 | 77757c | 6d6a71 |
625f65 | 57555a | 4c4a4f | 413f43 | 363538 |
おすすめカラーパターン
アルプス山脈を連想させる色
アルプス山脈は、1200kmにもなるヨーロッパ最大の山脈。ヨーロッパの各国にまたがるこの山々は、誰をも魅了する。
アルプス山脈を写す水面のような澄んだブルー
優しく、そして冷たいグレーブルー
堂々とした雄大なブルー
澄んだ冷たい空を連想させるブルー
モンブランにかぶった雪のような青みがかったホワイト
山影にある雪のような色
標高が高く木々が少なくなってきた山肌を連想させるくすんだグリーン
山々の谷間に見る、深い谷のようなブラウン
草木の生えていない標高の高い山肌を連想させるブラウン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #dad5e2. </span>
HTML上にstyleで直接書く
<span style="color:#dad5e2"> この色は #dad5e2. </span>
CSSの適用
この色は #dad5e2.
RGB（３原色）の値
Language list