色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#0cbef9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c2eefd | b6ebfd | a9e8fc | 9de5fc | 91e1fc |
85defc | 79dbfb | 6dd8fb | 61d4fb | 54d1fa |
48cefa | 3ccbfa | 30c7f9 | 24c4f9 | 18c1f9 |
0bb4ec | 0aabe0 | 0aa1d3 | 0998c7 | 098eba |
0885ae | 077ba1 | 077295 | 066888 | 065f7c |
055570 | 044c63 | 044257 | 03394a | 032f3e |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color0cbef9{
color : #0cbef9;
}
CSSの利用例
<span class="color0cbef9"> This color is #0cbef9. </span>
HTML上にstyleで直接書く
<span style="color:#0cbef9"> この色は #0cbef9. </span>
CSSの適用
この色は #0cbef9.
RGB（３原色）の値
R : 12
G : 190
B : 249