色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#98badd
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e5edf6 | e0eaf4 | dae6f3 | d5e3f1 | d0dfef |
cbdcee | c6d9ec | c1d5ea | bcd2e8 | b6cee7 |
b1cbe5 | acc7e3 | a7c4e2 | a2c0e0 | 9dbdde |
90b0d1 | 88a7c6 | 819ebb | 7994b0 | 728ba5 |
6a829a | 62788f | 5b6f84 | 536679 | 4c5d6e |
445363 | 3c4a58 | 35414d | 2d3742 | 262e37 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color98badd{
color : #98badd;
}
CSSの利用例
<span class="color98badd"> This color is #98badd. </span>
HTML上にstyleで直接書く
<span style="color:#98badd"> この色は #98badd. </span>
CSSの適用
この色は #98badd.
RGB（３原色）の値
R : 152
G : 186
B : 221