色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a54242
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e8cfcf | e4c6c6 | dfbcbc | dbb3b3 | d6a9a9 |
d2a0a0 | cd9797 | c98d8d | c48484 | c07a7a |
bb7171 | b76767 | b25e5e | ae5454 | a94b4b |
9c3e3e | 943b3b | 8c3838 | 843434 | 7b3131 |
732e2e | 6b2a2a | 632727 | 5a2424 | 522121 |
4a1d1d | 421a1a | 391717 | 311313 | 291010 |
似ている色
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作成
.colora54242{ color : #a54242; }
CSSの利用例
<span class="colora54242"> This color is #a54242. </span>
HTML上にstyleで直接書く
<span style="color:#a54242"> この色は #a54242. </span>
CSSの適用
この色は #a54242.
RGB(3原色)の値
R : 165
G : 66
B : 66