スタートページ＞ Javascript＞ tips

getColor：色見本の表示とrgba形式色名称の取得

• 一覧表の左側に標準１６色と原色の透明度別の色、右側にはセーフカラーの透明度１の色が掲げられています。
• 色セルをクリックすると、左下に、その色の拡大図と rgba形式名称が表示されます、
• 拡大図は、全体が"white", 隅の正方形に主要な色が背景色になっており、指定色が上書きされていますので、背景色がどのように変化するかを確認できます。
  （セーフカラーは透明度が１なので背景色は見えなくなります）
• 右下の記入欄を変更して[更新」をクリックすると、拡大図がその色に更新されます。
  （セーフカラーも透明度を変えたときの色を見ることができます）
• 色見本の表示と処理は、関数 getColor() として、utility.jsに登録されています。
  呼出側のＨＴＭＬで、次のように記述するだけです。
  　　script部：<script src="http://www.kogures.com/hitoshi/javascript/utility/utility.js"></script>
  　　body部：　<div id="色見本表示場所"></div> （名称は任意）
  　　呼出し；　getColor("色見本表示場所");