-
カラーパレットジェネレーター
ナビゲーションに移動
検索に移動
<?php include_once("colors.inc.php"); include_once("rgb2hsv.inc"); ?> <html> <head> <title>Color pallette Generator</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="jquery-ui-1/development-bundle/themes/base/jquery.ui.all.css"> <script src="jquery-ui-1/development-bundle/jquery-1.6.2.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.position.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.core.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.widget.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.mouse.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.draggable.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.droppable.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.resizable.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.dialog.js"></script> <script src="jquery-ui-1/development-bundle/ui/jquery.ui.sortable.js"></script> <script src="new.js"></script> </head> <body> <center> <article> <div id="photo"> <?php if($photo){ $ex=new GetMostCommonColors(); $ex->image=$id; $colors=$ex->Get_Color(); asort($colors); $colors_to_show = 50; $pal = new GetMostCommonColors(); $pal->image = $id; $colors =$pal->Get_Color(); $colors_key = array_keys($colors); $inc = sqrt($colors_to_show); for ($i = 0; $i < $colors_to_show; $i += $inc) { $out = "<tr style=\"margin: 0; padding: 0;\">"; for($j=0;$j<$inc;$j++) { $out .= "<td class=\"draggable\" style=\"width: 20px; height: 20px; margin: 0; padding: 0\" title=\"#".$colors_key[$i + $j]."\" bgcolor=\"#".$colors_key[$i + $j]."\"></td>"; } $out .= "</tr>"; echo $out; } echo "</table>"; } ?> </div> <?php if($photo){ list($width, $height) = getimagesize($id); $ratio = $width/180; $height = $height/$ratio; echo "<img class=\"mainphoto\" width=\"180\" heigth=\"$height\" src=\"$id\">"; } ?> </div> </article> <aside> <h2>簡単な使い方</h2> <h3>パレットの取得</h3> 写真のURLをフォームに入れてsubmitを押すと写真の中からよく使われている色を抽出します。パレットをPantsと書かれている枠に入れると、人形のパンツの色が変わります。Safari5.xとGoogle Chromeで動作確認しました。iPadなどのタブレット端末では動きません。 <p><a href="http://www.omnioo.com/record/php/color_extract_php_class/">カラーパレットの抽出についてはコチラ。</a> <h3>編集</h3> <p>できあがったパレットは[プリント] - [PDF]で保存することができます。(マッキントッシュの場合)<p>PDFをIllustratorなどで開くとパレットや人形を編集することも可能です。 </aside> </center> <footer> © 2014 Creative Mind Consulting </footer> </body> </html>