色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#20b192
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7ebe3 | bce7de | b0e3d8 | a5dfd3 | 9adbcd |
8fd8c8 | 84d4c3 | 79d0bd | 6eccb8 | 62c8b2 |
57c4ad | 4cc0a7 | 41bca2 | 36b89c | 2bb497 |
1ea88a | 1c9f83 | 1b967c | 198d74 | 18846d |
167b66 | 14735e | 136a57 | 116150 | 105849 |
0e4f41 | 0c463a | 0b3d33 | 09352b | 082c24 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color20b192{
color : #20b192;
}
CSSの利用例
<span class="color20b192"> This color is #20b192. </span>
HTML上にstyleで直接書く
<span style="color:#20b192"> この色は #20b192. </span>
CSSの適用
この色は #20b192.
RGB（３原色）の値
R : 32
G : 177
B : 146