色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#535b22
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d4d6c7 | cbcdbc | c2c5b1 | babda6 | b1b59b |
a9ad90 | a0a485 | 979c7a | 8f946f | 868c64 |
7e8459 | 757b4e | 6c7343 | 646b38 | 5b632d |
4e5620 | 4a511e | 464d1c | 42481b | 3e4419 |
3a3f17 | 353b16 | 313614 | 2d3212 | 292d11 |
25280f | 21240d | 1d1f0b | 181b0a | 141608 |
似ている色
| 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作成
.color535b22{
color : #535b22;
}
CSSの利用例
<span class="color535b22"> This color is #535b22. </span>
HTML上にstyleで直接書く
<span style="color:#535b22"> この色は #535b22. </span>
CSSの適用
この色は #535b22.
RGB（３原色）の値
R : 83
G : 91
B : 34