色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#6c8ab9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dae1ed | d2dbea | cbd6e6 | c4d0e3 | bccadf |
b5c4dc | aebed8 | a6b8d5 | 9fb2d1 | 98adce |
90a7ca | 89a1c7 | 829bc3 | 7a95c0 | 738fbc |
6683af | 617ca6 | 5b759d | 566e94 | 51678a |
4b6081 | 465978 | 40526f | 3b4b65 | 36455c |
303e53 | 2b374a | 253040 | 202937 | 1b222e |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color6c8ab9{
color : #6c8ab9;
}
CSSの利用例
<span class="color6c8ab9"> This color is #6c8ab9. </span>
HTML上にstyleで直接書く
<span style="color:#6c8ab9"> この色は #6c8ab9. </span>
CSSの適用
この色は #6c8ab9.
RGB（３原色）の値
R : 108
G : 138
B : 185