色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#afa776
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ebe9dc | e7e4d5 | e3e0cf | dfdbc8 | dbd7c1 |
d7d3ba | d3ceb3 | cfcaac | cbc5a5 | c7c19f |
c3bd98 | bfb891 | bbb48a | b7af83 | b3ab7c |
a69e70 | 9d966a | 948d64 | 8c855e | 837d58 |
7a7452 | 716c4c | 696446 | 605b40 | 57533b |
4e4b35 | 46422f | 3d3a29 | 343223 | 2b291d |
似ている色
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作成
.colorafa776{ color : #afa776; }
CSSの利用例
<span class="colorafa776"> This color is #afa776. </span>
HTML上にstyleで直接書く
<span style="color:#afa776"> この色は #afa776. </span>
CSSの適用
この色は #afa776.
RGB(3原色)の値
R : 175
G : 167
B : 118