色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#cfebb2
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f3faeb | f0f9e7 | eef8e4 | ebf7e0 | e9f6dc |
e7f5d8 | e4f4d4 | e2f3d0 | dff2cc | ddf1c9 |
dbf0c5 | d8efc1 | d6eebd | d3edb9 | d1ecb5 |
c4dfa9 | bad3a0 | afc797 | a5bc8e | 9bb085 |
90a47c | 869873 | 7c8d6a | 718161 | 677559 |
5d6950 | 525e47 | 48523e | 3e4635 | 333a2c |
似ている色
| 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作成
.colorcfebb2{
color : #cfebb2;
}
CSSの利用例
<span class="colorcfebb2"> This color is #cfebb2. </span>
HTML上にstyleで直接書く
<span style="color:#cfebb2"> この色は #cfebb2. </span>
CSSの適用
この色は #cfebb2.
RGB（３原色）の値
R : 207
G : 235
B : 178