色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#9daeb9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e6eaed | e1e6ea | dce2e6 | d7dee3 | d2dadf |
ced6dc | c9d2d8 | c4ced5 | bfcad1 | bac6ce |
b5c2ca | b0bec7 | abbac3 | a6b6c0 | a1b2bc |
95a5af | 8d9ca6 | 85939d | 7d8b94 | 75828a |
6d7981 | 667178 | 5e686f | 565f65 | 4e575c |
464e53 | 3e454a | 363c40 | 2f3437 | 272b2e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color9daeb9{
color : #9daeb9;
}
CSSの利用例
<span class="color9daeb9"> This color is #9daeb9. </span>
HTML上にstyleで直接書く
<span style="color:#9daeb9"> この色は #9daeb9. </span>
CSSの適用
この色は #9daeb9.
RGB（３原色）の値
R : 157
G : 174
B : 185