色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ff4427
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ffd0c9 | ffc6be | ffbdb3 | ffb4a8 | ffaa9d |
ffa193 | ff9888 | ff8e7d | ff8572 | ff7c67 |
ff725d | ff6952 | ff6047 | ff563c | ff4d31 |
f24025 | e53d23 | d83921 | cc361f | bf331d |
b22f1b | a52c19 | 992817 | 8c2515 | 7f2213 |
721e11 | 661b0f | 59170d | 4c140b | 3f1109 |
似ている色
| 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作成
.colorff4427{
color : #ff4427;
}
CSSの利用例
<span class="colorff4427"> This color is #ff4427. </span>
HTML上にstyleで直接書く
<span style="color:#ff4427"> この色は #ff4427. </span>
CSSの適用
この色は #ff4427.
RGB（３原色）の値
R : 255
G : 68
B : 39