色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#baf1ff
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
edfbff | eafaff | e6faff | e3f9ff | dff8ff |
dcf8ff | d9f7ff | d5f6ff | d2f5ff | cef5ff |
cbf4ff | c7f3ff | c4f3ff | c0f2ff | bdf1ff |
b0e4f2 | a7d8e5 | 9eccd8 | 94c0cc | 8bb4bf |
82a8b2 | 789ca5 | 6f9099 | 66848c | 5d787f |
536c72 | 4a6066 | 415459 | 37484c | 2e3c3f |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorbaf1ff{
color : #baf1ff;
}
CSSの利用例
<span class="colorbaf1ff"> This color is #baf1ff. </span>
HTML上にstyleで直接書く
<span style="color:#baf1ff"> この色は #baf1ff. </span>
CSSの適用
この色は #baf1ff.
RGB（３原色）の値
R : 186
G : 241
B : 255