色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c8c163
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f1efd8 | eeecd0 | ebe9c8 | e9e6c0 | e6e3b8 |
e3e0b1 | e0dca9 | ded9a1 | dbd699 | d8d391 |
d5d08a | d3cd82 | d0ca7a | cdc772 | cac46a |
beb75e | b4ad59 | aaa454 | a09a4f | 96904a |
8c8745 | 827d40 | 78733b | 6e6a36 | 646031 |
5a562c | 504d27 | 464322 | 3c391d | 323018 |
似ている色
| 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作成
.colorc8c163{
color : #c8c163;
}
CSSの利用例
<span class="colorc8c163"> This color is #c8c163. </span>
HTML上にstyleで直接書く
<span style="color:#c8c163"> この色は #c8c163. </span>
CSSの適用
この色は #c8c163.
RGB（３原色）の値
R : 200
G : 193
B : 99