色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#594e16
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5d2c4 | cdc9b9 | c4c1ad | bcb8a1 | b4af96 |
aca68a | a39d7e | 9b9473 | 938b67 | 8a835b |
827a50 | 7a7144 | 716838 | 695f2d | 615621 |
544a14 | 504613 | 4b4212 | 473e11 | 423a10 |
3e360f | 39320e | 352e0d | 302a0c | 2c270b |
282309 | 231f08 | 1f1b07 | 1a1706 | 161305 |
似ている色
| 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作成
.color594e16{
color : #594e16;
}
CSSの利用例
<span class="color594e16"> This color is #594e16. </span>
HTML上にstyleで直接書く
<span style="color:#594e16"> この色は #594e16. </span>
CSSの適用
この色は #594e16.
RGB（３原色）の値
R : 89
G : 78
B : 22