色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#92ab72
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e3eadb | dee5d4 | d8e1cd | d3ddc6 | cdd9bf |
c8d5b8 | c3d0b1 | bdccaa | b8c8a3 | b2c49c |
adc095 | a7bb8e | a2b787 | 9cb380 | 97af79 |
8aa26c | 839966 | 7c9160 | 74885b | 6d8055 |
66774f | 5e6f4a | 576644 | 505e3e | 495539 |
414c33 | 3a442d | 333b27 | 2b3322 | 242a1c |
似ている色
| 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作成
.color92ab72{
color : #92ab72;
}
CSSの利用例
<span class="color92ab72"> This color is #92ab72. </span>
HTML上にstyleで直接書く
<span style="color:#92ab72"> この色は #92ab72. </span>
CSSの適用
この色は #92ab72.
RGB（３原色）の値
R : 146
G : 171
B : 114