色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4b4f6c
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d2d3da | c9cad2 | c0c1cb | b7b8c4 | aeafbc |
a5a7b5 | 9c9eae | 9395a6 | 8a8c9f | 818398 |
787b90 | 6f7289 | 666982 | 5d607a | 545773 |
474b66 | 434761 | 3f435b | 3c3f56 | 383b51 |
34374b | 303346 | 2d2f40 | 292b3b | 252736 |
212330 | 1e1f2b | 1a1b25 | 161720 | 12131b |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4b4f6c{
color : #4b4f6c;
}
CSSの利用例
<span class="color4b4f6c"> This color is #4b4f6c. </span>
HTML上にstyleで直接書く
<span style="color:#4b4f6c"> この色は #4b4f6c. </span>
CSSの適用
この色は #4b4f6c.
RGB（３原色）の値
R : 75
G : 79
B : 108