色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c67070
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f0dbdb | edd4d4 | ebcccc | e8c5c5 | e5bebe |
e2b7b7 | dfb0b0 | dca9a9 | d9a2a2 | d79a9a |
d49393 | d18c8c | ce8585 | cb7e7e | c87777 |
bc6a6a | b26464 | a85f5f | 9e5959 | 945454 |
8a4e4e | 804848 | 764343 | 6c3d3d | 633838 |
593232 | 4f2c2c | 452727 | 3b2121 | 311c1c |
似ている色
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作成
.colorc67070{ color : #c67070; }
CSSの利用例
<span class="colorc67070"> This color is #c67070. </span>
HTML上にstyleで直接書く
<span style="color:#c67070"> この色は #c67070. </span>
CSSの適用
この色は #c67070.
RGB(3原色)の値
R : 198
G : 112
B : 112