色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#97b1d2
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e5ebf3 | dfe7f1 | dae3ef | d5dfed | d0dbea |
cbd8e8 | c5d4e6 | c0d0e4 | bbcce1 | b6c8df |
b1c4dd | abc0db | a6bcd8 | a1b8d6 | 9cb4d4 |
8fa8c7 | 879fbd | 8096b2 | 788da8 | 71849d |
697b93 | 627388 | 5a6a7e | 536173 | 4b5869 |
434f5e | 3c4654 | 343d49 | 2d353f | 252c34 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color97b1d2{
color : #97b1d2;
}
CSSの利用例
<span class="color97b1d2"> This color is #97b1d2. </span>
HTML上にstyleで直接書く
<span style="color:#97b1d2"> この色は #97b1d2. </span>
CSSの適用
この色は #97b1d2.
RGB（３原色）の値
R : 151
G : 177
B : 210