色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#0c82a9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c2dfe9 | b6d9e5 | a9d3e0 | 9dcddc | 91c6d8 |
85c0d4 | 79bacf | 6db4cb | 61adc7 | 54a7c2 |
48a1be | 3c9bba | 3094b5 | 248eb1 | 1888ad |
0b7ba0 | 0a7598 | 0a6e8f | 096887 | 09617e |
085b76 | 07546d | 074e65 | 06475c | 064154 |
053a4c | 043443 | 042d3b | 032732 | 03202a |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color0c82a9{
color : #0c82a9;
}
CSSの利用例
<span class="color0c82a9"> This color is #0c82a9. </span>
HTML上にstyleで直接書く
<span style="color:#0c82a9"> この色は #0c82a9. </span>
CSSの適用
この色は #0c82a9.
RGB（３原色）の値
R : 12
G : 130
B : 169