色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ccb747
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f2edd1 | efe9c7 | ede5be | eae2b5 | e8deac |
e5dba3 | e2d799 | e0d390 | ddd087 | dbcc7e |
d8c975 | d6c56b | d3c162 | d1be59 | ceba50 |
c1ad43 | b7a43f | ad9b3c | a39238 | 998935 |
8e8031 | 84762e | 7a6d2a | 706427 | 665b23 |
5b521f | 51491c | 474018 | 3d3615 | 332d11 |
似ている色
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作成
.colorccb747{ color : #ccb747; }
CSSの利用例
<span class="colorccb747"> This color is #ccb747. </span>
HTML上にstyleで直接書く
<span style="color:#ccb747"> この色は #ccb747. </span>
CSSの適用
この色は #ccb747.
RGB(3原色)の値
R : 204
G : 183
B : 71