色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#374b6e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cdd2da | c3c9d3 | b9c0cc | afb7c5 | a5aebd |
9ba5b6 | 919caf | 8793a8 | 7d8aa0 | 738199 |
697892 | 5f6f8b | 556683 | 4b5d7c | 415475 |
344768 | 314363 | 2e3f5d | 2c3c58 | 293852 |
26344d | 233047 | 212d42 | 1e293c | 1b2537 |
182131 | 161e2c | 131a26 | 101621 | 0d121b |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color374b6e{
color : #374b6e;
}
CSSの利用例
<span class="color374b6e"> This color is #374b6e. </span>
HTML上にstyleで直接書く
<span style="color:#374b6e"> この色は #374b6e. </span>
CSSの適用
この色は #374b6e.
RGB（３原色）の値
R : 55
G : 75
B : 110