色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b7e2d3
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
edf7f4 | e9f6f1 | e5f4ef | e2f3ed | def1eb |
dbf0e9 | d7efe6 | d3ede4 | d0ece2 | cceae0 |
c9e9de | c5e7db | c1e6d9 | bee4d7 | bae3d5 |
add6c8 | a4cbbd | 9bc0b3 | 92b4a8 | 89a99e |
809e93 | 769289 | 6d877e | 647c74 | 5b7169 |
52655e | 495a54 | 404f49 | 36433f | 2d3834 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorb7e2d3{
color : #b7e2d3;
}
CSSの利用例
<span class="colorb7e2d3"> This color is #b7e2d3. </span>
HTML上にstyleで直接書く
<span style="color:#b7e2d3"> この色は #b7e2d3. </span>
CSSの適用
この色は #b7e2d3.
RGB（３原色）の値
R : 183
G : 226
B : 211