色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d3d3d3 lightgray
この色は英語の名前も設定されている、ウェブサイトで安全に使用できる色です。
グラデーションカラーコード
f4f4f4 | f1f1f1 | efefef | ededed | ebebeb |
e9e9e9 | e6e6e6 | e4e4e4 | e2e2e2 | e0e0e0 |
dedede | dbdbdb | d9d9d9 | d7d7d7 | d5d5d5 |
c8c8c8 | bdbdbd | b3b3b3 | a8a8a8 | 9e9e9e |
939393 | 898989 | 7e7e7e | 747474 | 696969 |
5e5e5e | 545454 | 494949 | 3f3f3f | 343434 |
似ている色
| dimgray 696969 |
gray 808080 |
darkgray a9a9a9 |
silver c0c0c0 |
|
| lightgray d3d3d3 |
gainsboro dcdcdc |
f5f5f5 |
white ffffff |
snow fffafa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.lightgray{
color : #d3d3d3;
}
または
.lightgray {
color : lightgray;
}
CSSの利用例
<span class="lightgray"> This color is lightgray. </span>
HTML上にstyleで直接書く
<span style="color:lightgray"> この色は lightgray. </span>
CSSの適用
この色は lightgray.
RGB（３原色）の値
R : 211
G : 211
B : 211