色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ea3525
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f9ccc8 | f8c2bd | f7b8b2 | f6aea7 | f5a49c |
f49a92 | f38f87 | f2857c | f17b71 | f07166 |
ef675b | ee5d50 | ed5345 | ec493a | eb3f2f |
de3223 | d22f21 | c62d1f | bb2a1d | af271b |
a32519 | 982218 | 8c1f16 | 801d14 | 751a12 |
691710 | 5d150e | 51120c | 460f0b | 3a0d09 |
似ている色
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作成
.colorea3525{ color : #ea3525; }
CSSの利用例
<span class="colorea3525"> This color is #ea3525. </span>
HTML上にstyleで直接書く
<span style="color:#ea3525"> この色は #ea3525. </span>
CSSの適用
この色は #ea3525.
RGB(3原色)の値
R : 234
G : 53
B : 37