色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#23a3fc
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c8e8fe | bde3fe | b2defd | a7dafd | 9cd5fd |
91d1fd | 86ccfd | 7bc7fd | 70c3fd | 65befc |
5abafc | 4fb5fc | 44b0fc | 39acfc | 2ea7fc |
219aef | 1f92e2 | 1d8ad6 | 1c82c9 | 1a7abd |
1872b0 | 1669a3 | 156197 | 13598a | 11517e |
0f4971 | 0e4164 | 0c3958 | 0a304b | 08283f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color23a3fc{
color : #23a3fc;
}
CSSの利用例
<span class="color23a3fc"> This color is #23a3fc. </span>
HTML上にstyleで直接書く
<span style="color:#23a3fc"> この色は #23a3fc. </span>
CSSの適用
この色は #23a3fc.
RGB（３原色）の値
R : 35
G : 163
B : 252