色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#86ab88
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e0eae1 | dae5db | d4e1d5 | ceddcf | c8d9c9 |
c2d5c3 | bcd0bd | b6ccb7 | b0c8b1 | aac4ab |
a4c0a5 | 9ebb9f | 98b799 | 92b393 | 8caf8d |
7fa281 | 78997a | 719173 | 6b886c | 648066 |
5d775f | 576f58 | 506651 | 495e4a | 435544 |
3c4c3d | 354436 | 2e3b2f | 283328 | 212a22 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color86ab88{
color : #86ab88;
}
CSSの利用例
<span class="color86ab88"> This color is #86ab88. </span>
HTML上にstyleで直接書く
<span style="color:#86ab88"> この色は #86ab88. </span>
CSSの適用
この色は #86ab88.
RGB（３原色）の値
R : 134
G : 171
B : 136