色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ab7a7a
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eadddd | e5d7d7 | e1d0d0 | ddc9c9 | d9c3c3 |
d5bcbc | d0b5b5 | ccafaf | c8a8a8 | c4a1a1 |
c09b9b | bb9494 | b78d8d | b38787 | af8080 |
a27373 | 996d6d | 916767 | 886161 | 805b5b |
775555 | 6f4f4f | 664949 | 5e4343 | 553d3d |
4c3636 | 443030 | 3b2a2a | 332424 | 2a1e1e |
似ている色
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作成
.colorab7a7a{ color : #ab7a7a; }
CSSの利用例
<span class="colorab7a7a"> This color is #ab7a7a. </span>
HTML上にstyleで直接書く
<span style="color:#ab7a7a"> この色は #ab7a7a. </span>
CSSの適用
この色は #ab7a7a.
RGB(3原色)の値
R : 171
G : 122
B : 122