色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1f3a51
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7cdd3 | bbc3ca | b0bac2 | a5b0b9 | 9aa6b0 |
8f9ca8 | 83929f | 788896 | 6d7e8d | 627585 |
576b7c | 4b6173 | 40576b | 354d62 | 2a4359 |
1d374c | 1b3448 | 1a3144 | 182e40 | 172b3c |
152838 | 142534 | 122230 | 111f2c | 0f1d28 |
0d1a24 | 0c1720 | 0a141c | 091118 | 070e14 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1f3a51{
color : #1f3a51;
}
CSSの利用例
<span class="color1f3a51"> This color is #1f3a51. </span>
HTML上にstyleで直接書く
<span style="color:#1f3a51"> この色は #1f3a51. </span>
CSSの適用
この色は #1f3a51.
RGB（３原色）の値
R : 31
G : 58
B : 81