色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a52a2a brown
この色は英語の名前も設定されている、ウェブサイトで安全に使用できる色です。
グラデーションカラーコード
e8c9c9 | e4bfbf | dfb4b4 | dba9a9 | d69f9f |
d29494 | cd8989 | c97f7f | c47474 | c06969 |
bb5f5f | b75454 | b24949 | ae3f3f | a93434 |
9c2727 | 942525 | 8c2323 | 842121 | 7b1f1f |
731d1d | 6b1b1b | 631919 | 5a1717 | 521515 |
4a1212 | 421010 | 390e0e | 310c0c | 290a0a |
似ている色
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作成
.brown{ color : #a52a2a; }
または
.brown { color : brown; }
CSSの利用例
<span class="brown"> This color is brown. </span>
HTML上にstyleで直接書く
<span style="color:brown"> この色は brown. </span>
CSSの適用
この色は brown.
RGB(3原色)の値
R : 165
G : 42
B : 42