色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c33026
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f0cbc8 | edc0bd | eab6b3 | e7aca8 | e4a19d |
e19792 | de8d87 | db827c | d87871 | d56e67 |
d2635c | cf5951 | cc4f46 | c9443b | c63a30 |
b92d24 | af2b22 | a52820 | 9c261e | 92241c |
88211a | 7e1f18 | 751c16 | 6b1a14 | 611813 |
571511 | 4e130f | 44100d | 3a0e0b | 300c09 |
似ている色
| 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作成
.colorc33026{
color : #c33026;
}
CSSの利用例
<span class="colorc33026"> This color is #c33026. </span>
HTML上にstyleで直接書く
<span style="color:#c33026"> この色は #c33026. </span>
CSSの適用
この色は #c33026.
RGB（３原色）の値
R : 195
G : 48
B : 38