色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1c4a93
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c6d1e4 | bac8de | afbfd9 | a4b6d3 | 98adce |
8da4c9 | 829bc3 | 7692be | 6b89b8 | 6080b3 |
5477ae | 496ea8 | 3e65a3 | 325c9d | 275398 |
1a468b | 194284 | 173e7c | 163b75 | 15376e |
133366 | 12305f | 102c58 | 0f2850 | 0e2549 |
0c2142 | 0b1d3a | 091933 | 08162c | 071224 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1c4a93{
color : #1c4a93;
}
CSSの利用例
<span class="color1c4a93"> This color is #1c4a93. </span>
HTML上にstyleで直接書く
<span style="color:#1c4a93"> この色は #1c4a93. </span>
CSSの適用
この色は #1c4a93.
RGB（３原色）の値
R : 28
G : 74
B : 147