色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#8bbaaf
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e2edeb | dceae7 | d6e6e3 | d0e3df | cadfdb |
c5dcd7 | bfd9d3 | b9d5cf | b3d2cb | adcec7 |
a8cbc3 | a2c7bf | 9cc4bb | 96c0b7 | 90bdb3 |
84b0a6 | 7da79d | 769e94 | 6f948c | 688b83 |
61827a | 5a7871 | 536f69 | 4c6660 | 455d57 |
3e534e | 374a46 | 30413d | 293734 | 222e2b |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color8bbaaf{
color : #8bbaaf;
}
CSSの利用例
<span class="color8bbaaf"> This color is #8bbaaf. </span>
HTML上にstyleで直接書く
<span style="color:#8bbaaf"> この色は #8bbaaf. </span>
CSSの適用
この色は #8bbaaf.
RGB（３原色）の値
R : 139
G : 186
B : 175