色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bac0b2
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
edefeb | eaece7 | e6e8e4 | e3e5e0 | dfe2dc |
dcdfd8 | d9dcd4 | d5d9d0 | d2d6cc | ced2c9 |
cbcfc5 | c7ccc1 | c4c9bd | c0c6b9 | bdc3b5 |
b0b6a9 | a7aca0 | 9ea397 | 94998e | 8b9085 |
82867c | 787c73 | 6f736a | 666961 | 5d6059 |
535650 | 4a4c47 | 41433e | 373935 | 2e302c |
似ている色
| 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作成
.colorbac0b2{
color : #bac0b2;
}
CSSの利用例
<span class="colorbac0b2"> This color is #bac0b2. </span>
HTML上にstyleで直接書く
<span style="color:#bac0b2"> この色は #bac0b2. </span>
CSSの適用
この色は #bac0b2.
RGB（３原色）の値
R : 186
G : 192
B : 178