色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a6bdd6
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e8eef4 | e4ebf2 | dfe7f0 | dbe4ee | d6e1ec |
d2deea | cedae8 | c9d7e6 | c5d4e4 | c0d0e2 |
bccde0 | b7cade | b3c6dc | aec3da | aac0d8 |
9db3cb | 95aac0 | 8da0b5 | 8497ab | 7c8da0 |
748495 | 6b7a8b | 637180 | 5b6775 | 535e6b |
4a5560 | 424b55 | 3a424a | 313840 | 292f35 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora6bdd6{
color : #a6bdd6;
}
CSSの利用例
<span class="colora6bdd6"> This color is #a6bdd6. </span>
HTML上にstyleで直接書く
<span style="color:#a6bdd6"> この色は #a6bdd6. </span>
CSSの適用
この色は #a6bdd6.
RGB（３原色）の値
R : 166
G : 189
B : 214