色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c7dbad
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f1f6ea | eef4e6 | ebf2e2 | e8f0de | e5eeda |
e3edd6 | e0ebd1 | dde9cd | dae7c9 | d7e5c5 |
d5e4c1 | d2e2bd | cfe0b9 | ccdeb5 | c9dcb1 |
bdd0a4 | b3c59b | a9ba93 | 9faf8a | 95a481 |
8b9979 | 818e70 | 778367 | 6d785f | 636d56 |
59624d | 4f5745 | 454c3c | 3b4133 | 31362b |
似ている色
| 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作成
.colorc7dbad{
color : #c7dbad;
}
CSSの利用例
<span class="colorc7dbad"> This color is #c7dbad. </span>
HTML上にstyleで直接書く
<span style="color:#c7dbad"> この色は #c7dbad. </span>
CSSの適用
この色は #c7dbad.
RGB（３原色）の値
R : 199
G : 219
B : 173