色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#85c0e7
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e0eff9 | daecf7 | d4e8f6 | cee5f5 | c8e2f4 |
c2dff3 | bbdcf1 | b5d9f0 | afd6ef | a9d2ee |
a3cfed | 9dcceb | 97c9ea | 91c6e9 | 8bc3e8 |
7eb6db | 77accf | 71a3c4 | 6a99b8 | 6390ad |
5d86a1 | 567c96 | 4f738a | 49697f | 426073 |
3b5667 | 354c5c | 2e4350 | 273945 | 213039 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color85c0e7{
color : #85c0e7;
}
CSSの利用例
<span class="color85c0e7"> This color is #85c0e7. </span>
HTML上にstyleで直接書く
<span style="color:#85c0e7"> この色は #85c0e7. </span>
CSSの適用
この色は #85c0e7.
RGB（３原色）の値
R : 133
G : 192
B : 231