色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#afdbda
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ebf6f5 | e7f4f3 | e3f2f2 | dff0f0 | dbeeee |
d7edec | d3ebea | cfe9e8 | cbe7e6 | c7e5e5 |
c3e4e3 | bfe2e1 | bbe0df | b7dedd | b3dcdb |
a6d0cf | 9dc5c4 | 94bab9 | 8cafae | 83a4a3 |
7a9998 | 718e8d | 698382 | 607877 | 576d6d |
4e6262 | 465757 | 3d4c4c | 344141 | 2b3636 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorafdbda{
color : #afdbda;
}
CSSの利用例
<span class="colorafdbda"> This color is #afdbda. </span>
HTML上にstyleで直接書く
<span style="color:#afdbda"> この色は #afdbda. </span>
CSSの適用
この色は #afdbda.
RGB（３原色）の値
R : 175
G : 219
B : 218