色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#384669
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cdd0d9 | c3c7d2 | b9beca | afb5c3 | a5abbb |
9ba2b4 | 9199ac | 8790a5 | 7d869d | 737d96 |
69748e | 5f6b87 | 55617f | 4b5878 | 414f70 |
354263 | 323f5e | 2f3b59 | 2c3854 | 2a344e |
273149 | 242d44 | 212a3f | 1e2639 | 1c2334 |
191f2f | 161c2a | 131824 | 10151f | 0e111a |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color384669{
color : #384669;
}
CSSの利用例
<span class="color384669"> This color is #384669. </span>
HTML上にstyleで直接書く
<span style="color:#384669"> この色は #384669. </span>
CSSの適用
この色は #384669.
RGB（３原色）の値
R : 56
G : 70
B : 105