色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#acd8f3
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
eaf5fc | e6f3fb | e1f1fa | ddeffa | d9edf9 |
d5ebf9 | d1e9f8 | cde7f7 | c9e5f7 | c4e3f6 |
c0e1f6 | bcdff5 | b8ddf4 | b4dbf4 | b0d9f3 |
a3cde6 | 9ac2da | 92b7ce | 89acc2 | 81a2b6 |
7897aa | 6f8c9d | 678191 | 5e7685 | 566c79 |
4d616d | 445661 | 3c4b55 | 334048 | 2b363c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.coloracd8f3{
color : #acd8f3;
}
CSSの利用例
<span class="coloracd8f3"> This color is #acd8f3. </span>
HTML上にstyleで直接書く
<span style="color:#acd8f3"> この色は #acd8f3. </span>
CSSの適用
この色は #acd8f3.
RGB（３原色）の値
R : 172
G : 216
B : 243