色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#caddb1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f1f6eb | eff4e7 | ecf3e3 | e9f1df | e7efdb |
e4eed8 | e1ecd4 | dfead0 | dce8cc | d9e7c8 |
d7e5c4 | d4e3c0 | d1e2bc | cfe0b8 | ccdeb4 |
bfd1a8 | b5c69f | abbb96 | a1b08d | 97a584 |
8d9a7b | 838f73 | 79846a | 6f7961 | 656e58 |
5a634f | 505846 | 464d3d | 3c4235 | 32372c |
似ている色
| 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作成
.colorcaddb1{
color : #caddb1;
}
CSSの利用例
<span class="colorcaddb1"> This color is #caddb1. </span>
HTML上にstyleで直接書く
<span style="color:#caddb1"> この色は #caddb1. </span>
CSSの適用
この色は #caddb1.
RGB（３原色）の値
R : 202
G : 221
B : 177