色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ffde83
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
fff6e0 | fff5d9 | fff3d3 | fff1cd | fff0c7 |
ffeec1 | ffecba | ffebb4 | ffe9ae | ffe7a8 |
ffe6a2 | ffe49b | ffe295 | ffe18f | ffdf89 |
f2d27c | e5c775 | d8bc6f | ccb168 | bfa662 |
b29b5b | a59055 | 99854e | 8c7a48 | 7f6f41 |
72633a | 665834 | 594d2d | 4c4227 | 3f3720 |
似ている色
| 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作成
.colorffde83{
color : #ffde83;
}
CSSの利用例
<span class="colorffde83"> This color is #ffde83. </span>
HTML上にstyleで直接書く
<span style="color:#ffde83"> この色は #ffde83. </span>
CSSの適用
この色は #ffde83.
RGB（３原色）の値
R : 255
G : 222
B : 131