色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5d7a84
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d6dde0 | ced7da | c6d0d3 | bec9cd | b6c3c7 |
aebcc1 | a5b5bb | 9dafb5 | 95a8af | 8da1a8 |
859ba2 | 7d949c | 758d96 | 6d8790 | 65808a |
58737d | 536d76 | 4f6770 | 4a6169 | 455b63 |
41555c | 3c4f55 | 37494f | 334348 | 2e3d42 |
29363b | 253034 | 202a2e | 1b2427 | 171e21 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5d7a84{
color : #5d7a84;
}
CSSの利用例
<span class="color5d7a84"> This color is #5d7a84. </span>
HTML上にstyleで直接書く
<span style="color:#5d7a84"> この色は #5d7a84. </span>
CSSの適用
この色は #5d7a84.
RGB（３原色）の値
R : 93
G : 122
B : 132