色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#586a33
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5d9cc | ccd2c1 | c4cab7 | bcc3ad | b3bba3 |
abb499 | a3ad8e | 9aa584 | 929e7a | 8a9670 |
818f66 | 79875b | 718051 | 687847 | 60713d |
536430 | 4f5f2d | 4a5a2b | 465428 | 424f26 |
3d4a23 | 394421 | 343f1e | 303a1c | 2c3519 |
272f16 | 232a14 | 1e2511 | 1a1f0f | 161a0c |
似ている色
| 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作成
.color586a33{
color : #586a33;
}
CSSの利用例
<span class="color586a33"> This color is #586a33. </span>
HTML上にstyleで直接書く
<span style="color:#586a33"> この色は #586a33. </span>
CSSの適用
この色は #586a33.
RGB（３原色）の値
R : 88
G : 106
B : 51