色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#77a0cd
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dde7f2 | d6e2f0 | cfdded | c8d9eb | c1d4e8 |
bbcfe6 | b4cae3 | adc6e1 | a6c1de | 9fbcdc |
99b7d9 | 92b3d7 | 8baed4 | 84a9d2 | 7da4cf |
7198c2 | 6b90b8 | 6588ae | 5f80a4 | 597899 |
53708f | 4d6885 | 47607b | 415870 | 3b5066 |
35485c | 2f4052 | 293847 | 23303d | 1d2833 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color77a0cd{
color : #77a0cd;
}
CSSの利用例
<span class="color77a0cd"> This color is #77a0cd. </span>
HTML上にstyleで直接書く
<span style="color:#77a0cd"> この色は #77a0cd. </span>
CSSの適用
この色は #77a0cd.
RGB（３原色）の値
R : 119
G : 160
B : 205