色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4a5f73
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d1d7dc | c8cfd5 | bfc7ce | b6bfc7 | adb7c0 |
a4afb9 | 9ba7b2 | 929fab | 8997a4 | 808f9d |
778796 | 6e7f8f | 657788 | 5c6f81 | 53677a |
465a6d | 425567 | 3e5061 | 3b4c5c | 374756 |
334250 | 303d4a | 2c3945 | 28343f | 252f39 |
212a33 | 1d262e | 192128 | 161c22 | 12171c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4a5f73{
color : #4a5f73;
}
CSSの利用例
<span class="color4a5f73"> This color is #4a5f73. </span>
HTML上にstyleで直接書く
<span style="color:#4a5f73"> この色は #4a5f73. </span>
CSSの適用
この色は #4a5f73.
RGB（３原色）の値
R : 74
G : 95
B : 115