色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#787c74
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
dddedc | d6d7d5 | cfd1ce | c9cac7 | c2c4c0 |
bbbdb9 | b4b6b2 | aeb0ab | a7a9a4 | a0a39d |
999c96 | 93968f | 8c8f88 | 858981 | 7e827a |
72756e | 6c6f68 | 666962 | 60635c | 5a5d57 |
545651 | 4e504b | 484a45 | 42443f | 3c3e3a |
363734 | 30312e | 2a2b28 | 242522 | 1e1f1d |
似ている色
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作成
.color787c74{ color : #787c74; }
CSSの利用例
<span class="color787c74"> This color is #787c74. </span>
HTML上にstyleで直接書く
<span style="color:#787c74"> この色は #787c74. </span>
CSSの適用
この色は #787c74.
RGB(3原色)の値
R : 120
G : 124
B : 116