色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#af4f50
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ebd3d3 | e7caca | e3c1c1 | dfb8b9 | dbafb0 |
d7a7a7 | d39e9e | cf9596 | cb8c8d | c78384 |
c37b7b | bf7273 | bb696a | b76061 | b35758 |
a64b4c | 9d4748 | 944344 | 8c3f40 | 833b3c |
7a3738 | 713334 | 692f30 | 602b2c | 572728 |
4e2324 | 461f20 | 3d1b1c | 341718 | 2b1314 |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.coloraf4f50{
color : #af4f50;
}
CSSの利用例
<span class="coloraf4f50"> This color is #af4f50. </span>
HTML上にstyleで直接書く
<span style="color:#af4f50"> この色は #af4f50. </span>
CSSの適用
この色は #af4f50.
RGB（３原色）の値
R : 175
G : 79
B : 80