色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a7cac6
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e9f1f0 | e4efed | e0eceb | dbe9e8 | d7e7e5 |
d3e4e2 | cee1df | cadfdc | c5dcd9 | c1d9d7 |
bdd7d4 | b8d4d1 | b4d1ce | afcfcb | abccc8 |
9ebfbc | 96b5b2 | 8daba8 | 85a19e | 7d9794 |
748d8a | 6c8380 | 647976 | 5b6f6c | 536563 |
4b5a59 | 42504f | 3a4645 | 323c3b | 293231 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora7cac6{
color : #a7cac6;
}
CSSの利用例
<span class="colora7cac6"> This color is #a7cac6. </span>
HTML上にstyleで直接書く
<span style="color:#a7cac6"> この色は #a7cac6. </span>
CSSの適用
この色は #a7cac6.
RGB（３原色）の値
R : 167
G : 202
B : 198