色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#24447c
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c8d0de | bdc6d7 | b2bdd1 | a7b4ca | 9caac4 |
91a1bd | 8698b6 | 7b8eb0 | 7085a9 | 657ca3 |
5a729c | 4f6996 | 44608f | 395689 | 2e4d82 |
224075 | 203d6f | 1e3969 | 1c3663 | 1b335d |
192f56 | 172c50 | 15284a | 132544 | 12223e |
101e37 | 0e1b31 | 0c172b | 0a1425 | 09111f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color24447c{
color : #24447c;
}
CSSの利用例
<span class="color24447c"> This color is #24447c. </span>
HTML上にstyleで直接書く
<span style="color:#24447c"> この色は #24447c. </span>
CSSの適用
この色は #24447c.
RGB（３原色）の値
R : 36
G : 68
B : 124