<?php

function isAlphaNum($data) {

    $pat = '/^[a-fA-F0-9\']+$/';
    if (preg_match($pat, trim($data))) {
        return true;
    } else {
        return false;
    }
}

// ファイルに保存
$accese_history_file_day = "./tmp/accese_history_" . date("Ymd") . ".log";
$accese_history_file_month = "./tmp/accese_history_" . date("Ym") . ".log";

$html = "";
$err_msg_html = "";
$fp_month = "" ;
$fp_day = "" ;

if (!file_exists($accese_history_file_day)) {
    touch($accese_history_file_day);
    chmod($accese_history_file_day, 0666);
}
if (!file_exists($accese_history_file_month)) {
    touch($accese_history_file_month);
    chmod($accese_history_file_month, 0666);
}

// 入力
if (isset($_GET["input_a_box"])) {
    $input_a_box = $_GET["input_a_box"];
} else {
    $input_a_box = "";
}
if ($input_a_box == "index") {
    $input_a_box = str_replace('index', '', $input_a_box);
}



if (file_exists("/var/www/html/colorhenkan/PRODUCTION.txt")) {
    define("DOMAIN_URL", "colorhenkan.pw");
    define("DIR_ROOT", "/var/www/html/colorhenkan/");
} else {
    define("DOMAIN_URL", "localhost/colorhenkan");
    define("DIR_ROOT", "D:/xampp/htdocs/colorhenkan/"); // php5 
}

//$output_file_name2 = DIR_ROOT . "tmp/colorhenkan_log.txt" ;

define("LOG_RECORD_CNT", 30); // logから読んでくるレコード数
define("TITLE", "イメージカラー、コーポレイトカラー。色を表示する！カラーコード変換するツール"); // logから読んでくるレコード数
// 入力チェック
$input_a_box_count = mb_strlen($input_a_box);

// カラーコードの文字数が 0 or 6 の場合 only処理
if ($input_a_box_count == 0) {
    $input_a_box = "";
    $output_b_box = "";
} elseif (( $input_a_box_count == 6 ) and ( isAlphaNum($input_a_box) == true )) {

    // getで過去ファイルの指定あるのに ファイルが存在しない場合
    $output_b_box = $input_a_box;

//	}
} else {

    $err_msg_html = "カラーコードは、半角英数（0-9、A-F）の6文字で入力してください";
    $input_a_box = "";
    $output_b_box = "";
}



if ($output_b_box != "") {
    // 出力
//	$output_file_name  = "./tmp/accese_history_" . date('Ymd') . "_" . $input_a_box . ".txt" ;
    // ファイルに書く内容
    $html .= "<span style='color:#" . $output_b_box . "'>■</span>" . "#" . $input_a_box . "のカラーコード";
    $url = "<a href='http://" . DOMAIN_URL . "/" . $input_a_box . ".html' >";
    ob_start();
    echo $url;
    print_r($html);
    echo "</a>&nbsp;&nbsp;\n";
    $buffer = ob_get_contents();
    ob_end_clean();

    //日付ごとのファイル
    $fp_day = @fopen($accese_history_file_day, 'a+');
    fputs($fp_day, $buffer);
    fclose($fp_day);

    //月ごとのファイル
    $fp_month = @fopen($accese_history_file_month, 'a+');
    fputs($fp_month, $buffer);
    fclose($fp_month);


}
?>


<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <html lang="en" class="no-js">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">


<?php
if ($html != "") {
    echo '<TITLE>#' . $output_b_box . 'の色表示 ' . TITLE . '</TITLE>';
    echo '<META name="description" content="#' . $output_b_box . 'の色はこれ！ ' . TITLE . '">';
    echo '<META name="keywords" content="#' . $output_b_box . ',colorcode,カラーコード,color,色変換">';
} else {
    echo '<TITLE>' . TITLE . '</TITLE>';
    echo '<META name="description" content="' . TITLE . '">';
    echo '<META name="keywords" content="colorcode,カラーコード,color,色変換">';
}
?>


            <link rel="shortcut icon" href="./favicon.ico">
            <!-- Bootstrap -->
            <script src="js_boxify/modernizr.custom.js"></script>
            <link href="css_boxify/bootstrap.min.css" rel="stylesheet">
            <link href="css_boxify/jquery.fancybox.css" rel="stylesheet">
            <link href="css_boxify/flickity.css" rel="stylesheet" >
            <link href="css_boxify/animate.css" rel="stylesheet">
            <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css_boxify/font-awesome.min.css" rel="stylesheet">
            <link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
            <link href="css_boxify/styles.css" rel="stylesheet">
            <link href="css_boxify/queries.css" rel="stylesheet">
            <!-- Facebook and Twitter integration -->
            <meta property="og:title" content=""/>
            <meta property="og:image" content=""/>
            <meta property="og:url" content=""/>
            <meta property="og:site_name" content=""/>
            <meta property="og:description" content=""/>
            <meta name="twitter:title" content="" />
            <meta name="twitter:image" content="" />
            <meta name="twitter:url" content="" />
            <meta name="twitter:card" content="" />
            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js_boxify/1.4.2/respond.min.js"></script>
            <![endif]-->

            <link rel="stylesheet" href="./css/style.css" type="text/css" />
            <script type="text/javascript" src="./js/js.js"></script>

            <style type='text/css'>
                <!--
                .rei_box {
                    font-size:14px; 
                    margin:0px; 
                    background-color: #FFFFFF; 
                    padding:10px; 
                }
                .rei_box2 {
		    border:10px solid #CCCCCC;
                    margin:0px; 
		    height:220px; 	
                    padding:10px 5px 10px  5px  ; 
                }
                .rei_box a {
                    color:#3388FF;
                }
.rei_title { font-size:18px;  margin:5px; }
.rei_subtitle { }
.rei_colorbox { width:200px; height:80px; vertical-align:top; color:#FFFFFF; padding-top:25px; font-size:24px;}
.rei_colorbox_half { width:100px; height:80px; vertical-align:top; color:#FFFFFF; padding-top:25px; font-size:16px; margin:0px 10px 0px 10px;  text-align:center;}
.rei_syousai { margin:10px;}

                -->
            </style>

        </head>
        <body>
            <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
            <![endif]-->
            <!-- open/close -->

<?php
if ($err_msg_html != "") {
    echo "<div style='margin-left:20px; margin-right:20px;  margin-top:20px; margin-bottom:20px; border-bottom:3px solid #777777; border-top:3px solid #777777; background-color:#EEEEEE; padding:10px; '><div style='margin-top:0px; margin-left:20px; color:#333333; padding-right:10px; word-break:break-all; font-size:24px;'>";
    echo $err_msg_html;
    echo "</div></div>";
//	echo "ぱらあり" ;
} else {
//	echo "ぱらなし" ;
}
?>
            <header>
                <div class="texture-overlay"></div>
                <div class="container">
                    <a href="http://<?php echo DOMAIN_URL; ?>" style="color:#FFBBBB;">colorhenkan.pw</a>
                </div>
            </header>

            <div class="row hero-content" style="background-color:#EEFFCC;">
                <center>
                    <div class="col-md-12">
                        <h1 class="animated fadeInDown" style="background-color:#FFFFFF;  padding:10px 0px 10px 0px; color:#FFFFFF; font-size:46px;"><a href="http://<?php echo DOMAIN_URL; ?>" style="color:#222222;">
                                <img src="./img/colors.png" style="width:42px;">
                                <span style="color:#222222;">カ</span>
                                <span style="color:#22FF22;">ラ</span>
                                <span style="color:#2222FF;">ー</span>
                                <span style="color:#FF2222;">コ</span>
                                <span style="color:#FFFF22;">ー</span>
                                <span style="color:#22FFFF;">ド</span>
                                <span style="color:#FF22FF;">変</span>
                                <span style="color:#AA2222;">換</span>
                                <span style="color:#22AA22;">ツ</span>
                                <span style="color:#2222AA;">ー</span>
                                <span style="color:#AAAA22;">ル</span>
                            </a></h1>
                    </div>
                    <div style="width:80%; margin-left:10px; margin-bottom:0px; font-size:14px; "><img src="./img/icon_tag2.png" style="width:30px; margin-right:7px;">16進数のカラーコードを入力し、変換する！ボタンを押すと、その色を表示します。</div>
                </center>




                <div class="col-md-12">


                    <FORM name="frm_box" method="get" action="http://<?php echo DOMAIN_URL; ?>/index.php" >
                        <center>
                                        <!-- ads -->
                                        <div style="text-align:center; margin-top:10px; ">

<!--  http://colorhenkan.pw/ in article -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8933330050465971"
     data-ad-slot="4893508032"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- / http://colorhenkan.pw/  in article  -->

                                        </div>
                                        <!-- /ads -->

                            <br>

<span style="font-size:20px;">
有名な会社・サイトなどのイメージカラー、コーポレイトカラー一覧
</span>

                            <br>


<div class="row" style="margin:20px;">

	<div class="col-sm-6 col-md-4  rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/00AA00/LINEのコーポレートカラー.html" >LINEのコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#00B900; ">#00AA00</div>
			<div class="rei_syousai">世界で4億人のユーザをもつ。</div>
		</div>
	</div>

	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/3B5998/Facebookのイメージカラー.html" >Facebookのイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#3B5998;">#3B5998</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/DD4B39/Googleプラスのイメージカラー.html" >Google＋のイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#DD4B39;">#DD4B39</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/FF3333/youtubeのイメージカラー.html" >youtubeのイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#FF3333;">#FF3333</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/FFAA01/mixiのイメージカラー.html" >mixiのイメージカラー</a></div>				<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#FFAA01;">#FFAA01</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/FF9900/amazonのイメージカラー.html" >amazonのイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#FF9900;">#FF9900</div>			<div class="rei_syousai"></div>		</div>	</div>

	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/1DA1F2/twitterのコーポレートカラー.html" >twitterのコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#1DA1F2; ">#1DA1F2</div>
			<div class="rei_syousai"></div>
		</div>
	</div>
	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/140175/みずほ銀行のコーポレートカラー.html" >みずほ銀行のコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#140175;">#140175</div>
			<div class="rei_syousai"></div>
		</div>
	</div>
	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/E60000/三菱東京UFJ銀行のコーポレートカラー.html" >三菱東京UFJ銀行のコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style="background-color:#E60000;">#E60000</div>
			<div class="rei_syousai"></div>
		</div>
	</div>
	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/99CC00/三井住友銀行のコーポレートカラー.html" >三井住友銀行のコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>

<table>
<tr>
<td>
			<div class="rei_colorbox_half" style=" background-color:#99CC00; ">#99CC00</div>
</td>
<td>
			<div class="rei_colorbox_half" style=" background-color:#004831;">#004831</div>
</td>
</tr>
</table>

			<div class="rei_syousai">
コーポレートカラーのフレッシュグリーンは、若々しさ、知性、やさしさ。
トラッドグリーンは、伝統、信頼、安定感を表す。
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/EA0014/プロ野球広島東洋カープの赤.html" >プロ野球広島東洋カープの赤</div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#EA0014;">#EA0014</div>
			<div class="rei_syousai"></div>
		</div>
	</div>


	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/1073B1/プロ野球横浜DeNaベイスターズの青.html" >プロ野球横浜DeNaベイスターズの青</div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#1073B1;">#1073B1</div>
			<div class="rei_syousai"></div>
		</div>
	</div>



</div>
<div class="row" style="margin:20px;">
	<div class="col-sm-12 col-md-12 ">

                                        <!-- ads -->
                                        <div style="text-align:center; margin-top:10px; ">

<!--  http://colorhenkan.pw/ in article -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8933330050465971"
     data-ad-slot="4893508032"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- / http://colorhenkan.pw/  in article  -->

                                        </div>
                                        <!-- /ads -->

	</div>
</div>




<div class="row" style="margin:20px;">

	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/0CC1F4/プロ野球中日ドラゴンズの水色.html" >プロ野球中日ドラゴンズの水色</div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#0CC1F4;">#0CC1F4</div>
			<div class="rei_syousai"></div>
		</div>
	</div>


	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/EA0014/プロ野球広島東洋カープの赤.html" >プロ野球広島東洋カープの赤</div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#EA0014;">#EA0014</div>
			<div class="rei_syousai"></div>
		</div>
	</div>

	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/7D2982/乃木坂46のイメージカラー.html" >乃木坂46のイメージカラー</a></div>
			<div class="rei_subtitle"></div>
			<div class="rei_colorbox" style=" background-color:#7D2982;">#7D2982</div>
			<div class="rei_syousai"></div>
		</div>
	</div>

	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/FCC601/ベガルタ仙台のイメージカラー.html" >ベガルタ仙台のイメージカラー</a></div>		<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#FCC601;">#FCC601</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/B71840/鹿島アントラーズのイメージカラー.html" >鹿島アントラーズのイメージカラー</a></div>		<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#B71840;">#B71840</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/33A1DC/川崎フロンターレのイメージカラー.html" >川崎フロンターレのイメージカラー</a></div>		<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#33A1DC;">#33A1DC</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/E6002E/浦和レッズのイメージカラー.html" >浦和レッズのイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#E6002E;">#E6002E</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/6EB9EB/湘南ベルマーレのイメージカラー.html" >湘南ベルマーレのイメージカラー</a></div>		<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#6EB9EB;">#6EB9EB</div>			<div class="rei_syousai"></div>		</div>	</div>
	<div class="col-sm-6 col-md-4 rei_box">		<div class="rei_box2">			<div class="rei_title"><a href="http://colorhenkan.pw/E52C8A/セレッソ大阪のイメージカラー.html" >セレッソ大阪のイメージカラー</a></div>			<div class="rei_subtitle"></div>			<div class="rei_colorbox" style=" background-color:#E52C8A;">#E52C8A</div>			<div class="rei_syousai"></div>		</div>	</div>


	<div class="col-sm-6 col-md-4 rei_box">
		<div class="rei_box2">
			<div class="rei_title"><a href="http://colorhenkan.pw/D6679C/31アイスクリームのコーポレートカラー.html" >31アイスクリームのコーポレートカラー</a></div>
			<div class="rei_subtitle"></div>

<table>
<tr>
<td>
			<div class="rei_colorbox_half" style=" background-color:#D6679C; ">#D6679C</div>
</td>
<td>
			<div class="rei_colorbox_half" style=" background-color:#0057A6;">#0057A6</div>
</td>
</tr>
</table>

			<div class="rei_syousai">
淡いピンク #D6679C　青 #0057A6。会社のロゴに創業者はバートン・バスキンとアーヴィン・ロビンスの名前はいってます
			</div>
		</div>
	</div>




<!--
野球チーム
サッカーちーむ
有名な会社の色
-->

</div>


                            <!-- twitter -->
                            <table style="font-size:12px;">
                                <tr>
                                    <td>
                                        この結果をツイートする→&nbsp;
                                    </td>
                                    <td>
                                        <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                                    </td>
                                </tr>
                            </table>
                            <!-- /twitter -->


                        </center>
                    </FORM>



                </div>
                <br/>






                <center>
                    <div class="col-md-12" style="margin-top:20px;">
                        <div class="sub_title"><img src="./img/icon_tag2.png" style="width:30px; margin-right:7px;">直近のカラーコード変換履歴</div>
                        <div class="rireki_box">
<?php

 if (file_exists($accese_history_file_month) == TRUE) {
     $f = file($accese_history_file_month);
     $i = 1;
     krsort($f);
     foreach ($f as $key => $value) {
         print($value);
         if ($i > LOG_RECORD_CNT) {
             break;
         }   
         $i++;
     }   
 }  


?>
                        </div>
                    </div>

                    <div style='font-size:12px;'><a href='http://<?php echo DOMAIN_URL; ?>/rireki.php' style="color:#333333;">→カラーコード変換履歴をもっとみる</a></div>
                    <br>
                    <footer>
                        <div style="width:90%; font-size:12px; color:#888888; line-height:180%; ">指定したカラーコードを表示するサービス、ツールです。</div>
                        <div align="center"><font size=-1 style="color:#888888;">&copy;<?php echo date('Y') ?> <?php echo DOMAIN_URL; ?></font></div>

                    </footer>

                </center>

            </div>


            <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
            <script src="js_boxify/min/toucheffects-min.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script src="js_boxify/flickity.pkgd.min.js"></script>
            <script src="js_boxify/jquery.fancybox.pack.js"></script>
            <!-- Include all compiled plugins (below), or include individual files as needed -->
            <script src="js_boxify/retina.js"></script>
            <script src="js_boxify/waypoints.min.js"></script>
            <script src="js_boxify/bootstrap.min.js"></script>
            <script src="js_boxify/min/scripts-min.js"></script>
            <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        </body>
    </html>
