色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c53032
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f0cbcb | edc0c1 | eab6b7 | e7acad | e4a1a2 |
e29798 | df8d8e | dc8284 | d97879 | d66e6f |
d36365 | d0595b | cd4f50 | ca4446 | c73a3c |
bb2d2f | b12b2d | a7282a | 9d2628 | 932425 |
892123 | 801f20 | 761c1e | 6c1a1b | 621819 |
581516 | 4e1314 | 441011 | 3b0e0f | 310c0c |
似ている色
firebrick b22222 |
indianred cd5c5c |
rosybrown bc8f8f |
e9967a |
f08080 |
salmon fa8072 |
ffa07a |
coral ff7f50 |
tomato ff6347 |
orangered ff4500 |
red ff0000 |
crimson dc143c |
c71585 |
deeppink ff1493 |
hotpink ff69b4 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorc53032{ color : #c53032; }
CSSの利用例
<span class="colorc53032"> This color is #c53032. </span>
HTML上にstyleで直接書く
<span style="color:#c53032"> この色は #c53032. </span>
CSSの適用
この色は #c53032.
RGB(3原色)の値
R : 197
G : 48
B : 50