色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a1cacf
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e7f1f3 | e2eff0 | deecee | d9e9eb | d4e7e9 |
d0e4e7 | cbe1e4 | c6dfe2 | c1dcdf | bdd9dd |
b8d7db | b3d4d8 | afd1d6 | aacfd3 | a5ccd1 |
98bfc4 | 90b5ba | 88abaf | 80a1a5 | 78979b |
708d90 | 688386 | 60797c | 586f71 | 506567 |
485a5d | 405052 | 384648 | 303c3e | 283233 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora1cacf{
color : #a1cacf;
}
CSSの利用例
<span class="colora1cacf"> This color is #a1cacf. </span>
HTML上にstyleで直接書く
<span style="color:#a1cacf"> この色は #a1cacf. </span>
CSSの適用
この色は #a1cacf.
RGB（３原色）の値
R : 161
G : 202
B : 207