色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7c8ca3
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dee2e8 | d7dce3 | d1d6de | cad1da | c4cbd5 |
bdc5d1 | b6bfcc | b0bac7 | a9b4c3 | a3aebe |
9ca8ba | 96a3b5 | 8f9db0 | 8997ac | 8291a7 |
75859a | 6f7e92 | 69778a | 637082 | 5d697a |
566272 | 505b69 | 4a5461 | 444d59 | 3e4651 |
373f49 | 313841 | 2b3139 | 252a30 | 1f2328 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7c8ca3{
color : #7c8ca3;
}
CSSの利用例
<span class="color7c8ca3"> This color is #7c8ca3. </span>
HTML上にstyleで直接書く
<span style="color:#7c8ca3"> この色は #7c8ca3. </span>
CSSの適用
この色は #7c8ca3.
RGB（３原色）の値
R : 124
G : 140
B : 163