色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#58b4cc
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5ecf2 | cce8ef | c4e4ed | bce1ea | b3dde8 |
abd9e5 | a3d5e2 | 9ad2e0 | 92cedd | 8acadb |
81c6d8 | 79c3d6 | 71bfd3 | 68bbd1 | 60b7ce |
53abc1 | 4fa2b7 | 4a99ad | 4690a3 | 428799 |
3d7e8e | 397584 | 346c7a | 306370 | 2c5a66 |
27515b | 234851 | 1e3f47 | 1a363d | 162d33 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color58b4cc{
color : #58b4cc;
}
CSSの利用例
<span class="color58b4cc"> This color is #58b4cc. </span>
HTML上にstyleで直接書く
<span style="color:#58b4cc"> この色は #58b4cc. </span>
CSSの適用
この色は #58b4cc.
RGB（３原色）の値
R : 88
G : 180
B : 204