色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#285f72
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c9d7db | becfd4 | b3c7cd | a9bfc6 | 9eb7bf |
93afb8 | 88a7b1 | 7e9faa | 7397a3 | 688f9c |
5d8795 | 537f8e | 487787 | 3d6f80 | 326779 |
265a6c | 245566 | 225060 | 204c5b | 1e4755 |
1c424f | 1a3d4a | 183944 | 16343e | 142f39 |
122a33 | 10262d | 0e2127 | 0c1c22 | 0a171c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color285f72{
color : #285f72;
}
CSSの利用例
<span class="color285f72"> This color is #285f72. </span>
HTML上にstyleで直接書く
<span style="color:#285f72"> この色は #285f72. </span>
CSSの適用
この色は #285f72.
RGB（３原色）の値
R : 40
G : 95
B : 114