色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#669ca5
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d8e6e8 | d1e1e4 | c9dcdf | c1d7db | bad2d6 |
b2cdd2 | aac8cd | a3c3c9 | 9bbec4 | 93b9c0 |
8cb4bb | 84afb7 | 7caab2 | 75a5ae | 6da0a9 |
60949c | 5b8c94 | 56848c | 517c84 | 4c757b |
476d73 | 42656b | 3d5d63 | 38555a | 334e52 |
2d464a | 283e42 | 233639 | 1e2e31 | 192729 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color669ca5{
color : #669ca5;
}
CSSの利用例
<span class="color669ca5"> This color is #669ca5. </span>
HTML上にstyleで直接書く
<span style="color:#669ca5"> この色は #669ca5. </span>
CSSの適用
この色は #669ca5.
RGB（３原色）の値
R : 102
G : 156
B : 165