色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#cd2a23
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f2c9c8 | f0bfbd | edb4b2 | eba9a7 | e89f9c |
e69491 | e38986 | e17f7b | de7470 | dc6965 |
d95f5a | d7544f | d44944 | d23f39 | cf342e |
c22721 | b8251f | ae231d | a4211c | 991f1a |
8f1d18 | 851b16 | 7b1915 | 701713 | 661511 |
5c120f | 52100e | 470e0c | 3d0c0a | 330a08 |
似ている色
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作成
.colorcd2a23{ color : #cd2a23; }
CSSの利用例
<span class="colorcd2a23"> This color is #cd2a23. </span>
HTML上にstyleで直接書く
<span style="color:#cd2a23"> この色は #cd2a23. </span>
CSSの適用
この色は #cd2a23.
RGB(3原色)の値
R : 205
G : 42
B : 35