色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#616f9a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d7dbe5 | cfd3e0 | c7ccdb | bfc5d6 | b7bed1 |
b0b7cc | a8afc7 | a0a8c2 | 98a1bd | 909ab8 |
8893b3 | 808bae | 7884a9 | 707da4 | 68769f |
5c6992 | 57638a | 525e82 | 4d587b | 485373 |
434d6b | 3f4864 | 3a425c | 353d54 | 30374d |
2b3145 | 262c3d | 212635 | 1d212e | 181b26 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color616f9a{
color : #616f9a;
}
CSSの利用例
<span class="color616f9a"> This color is #616f9a. </span>
HTML上にstyleで直接書く
<span style="color:#616f9a"> この色は #616f9a. </span>
CSSの適用
この色は #616f9a.
RGB（３原色）の値
R : 97
G : 111
B : 154