色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4a4f52
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d1d3d3 | c8cacb | bfc1c2 | b6b8b9 | adafb1 |
a4a7a8 | 9b9e9f | 929597 | 898c8e | 808385 |
777b7d | 6e7274 | 65696b | 5c6063 | 53575a |
464b4d | 424749 | 3e4345 | 3b3f41 | 373b3d |
333739 | 303335 | 2c2f31 | 282b2d | 252729 |
212324 | 1d1f20 | 191b1c | 161718 | 121314 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4a4f52{
color : #4a4f52;
}
CSSの利用例
<span class="color4a4f52"> This color is #4a4f52. </span>
HTML上にstyleで直接書く
<span style="color:#4a4f52"> この色は #4a4f52. </span>
CSSの適用
この色は #4a4f52.
RGB（３原色）の値
R : 74
G : 79
B : 82