色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#0c92bb
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c2e3ee | b6deea | a9d8e7 | 9dd3e3 | 91cde0 |
85c8dd | 79c3d9 | 6dbdd6 | 61b8d2 | 54b2cf |
48adcc | 3ca7c8 | 30a2c5 | 249cc1 | 1897be |
0b8ab1 | 0a83a8 | 0a7c9e | 097495 | 096d8c |
086682 | 075e79 | 075770 | 065066 | 06495d |
054154 | 043a4a | 043341 | 032b38 | 03242e |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color0c92bb{
color : #0c92bb;
}
CSSの利用例
<span class="color0c92bb"> This color is #0c92bb. </span>
HTML上にstyleで直接書く
<span style="color:#0c92bb"> この色は #0c92bb. </span>
CSSの適用
この色は #0c92bb.
RGB（３原色）の値
R : 12
G : 146
B : 187