色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#737b69
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dcded9 | d5d7d2 | ced0ca | c7cac3 | c0c3bb |
b9bdb4 | b2b6ac | abafa5 | a4a99d | 9da296 |
969c8e | 8f9587 | 888e7f | 818878 | 7a8170 |
6d7463 | 676e5e | 616859 | 5c6254 | 565c4e |
505649 | 4a4f44 | 45493f | 3f4339 | 393d34 |
33372f | 2e312a | 282b24 | 22241f | 1c1e1a |
似ている色
| 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作成
.color737b69{
color : #737b69;
}
CSSの利用例
<span class="color737b69"> This color is #737b69. </span>
HTML上にstyleで直接書く
<span style="color:#737b69"> この色は #737b69. </span>
CSSの適用
この色は #737b69.
RGB（３原色）の値
R : 115
G : 123
B : 105