色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b2c19e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ebefe6 | e7ece1 | e4e9dd | e0e6d8 | dce3d3 |
d8e0ce | d4dcc9 | d0d9c4 | ccd6bf | c9d3bb |
c5d0b6 | c1cdb1 | bdcaac | b9c7a7 | b5c4a2 |
a9b796 | a0ad8e | 97a486 | 8e9a7e | 859076 |
7c876e | 737d66 | 6a735e | 616a56 | 59604f |
505647 | 474d3f | 3e4337 | 35392f | 2c3027 |
似ている色
| 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作成
.colorb2c19e{
color : #b2c19e;
}
CSSの利用例
<span class="colorb2c19e"> This color is #b2c19e. </span>
HTML上にstyleで直接書く
<span style="color:#b2c19e"> この色は #b2c19e. </span>
CSSの適用
この色は #b2c19e.
RGB（３原色）の値
R : 178
G : 193
B : 158