色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b23c3c
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ebcece | e7c4c4 | e4baba | e0b1b1 | dca7a7 |
d89d9d | d49393 | d08a8a | cc8080 | c97676 |
c56c6c | c16363 | bd5959 | b94f4f | b54545 |
a93939 | a03636 | 973333 | 8e3030 | 852d2d |
7c2a2a | 732727 | 6a2424 | 612121 | 591e1e |
501b1b | 471818 | 3e1515 | 351212 | 2c0f0f |
似ている色
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作成
.colorb23c3c{ color : #b23c3c; }
CSSの利用例
<span class="colorb23c3c"> This color is #b23c3c. </span>
HTML上にstyleで直接書く
<span style="color:#b23c3c"> この色は #b23c3c. </span>
CSSの適用
この色は #b23c3c.
RGB(3原色)の値
R : 178
G : 60
B : 60