色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a23e3e
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e7cece | e3c5c5 | debbbb | d9b1b1 | d5a8a8 |
d09e9e | cb9494 | c78b8b | c28181 | bd7777 |
b96e6e | b46464 | af5a5a | ab5151 | a64747 |
993a3a | 913737 | 893434 | 813131 | 792e2e |
712b2b | 692828 | 612525 | 592222 | 511f1f |
481b1b | 401818 | 381515 | 301212 | 280f0f |
似ている色
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作成
.colora23e3e{ color : #a23e3e; }
CSSの利用例
<span class="colora23e3e"> This color is #a23e3e. </span>
HTML上にstyleで直接書く
<span style="color:#a23e3e"> この色は #a23e3e. </span>
CSSの適用
この色は #a23e3e.
RGB(3原色)の値
R : 162
G : 62
B : 62