PHPを使用してCSSの色をコントロールするPHPプロ！ニュース

International PHP MagazineやPHP Coding PracticesといったサイトでCSS Colorsと呼ばれるPHPスクリプトが紹介されています。

このCSS Colorsと呼ばれるスクリプトはBarelyFitz Designsで公開されているスクリプトで、PHPを使用してCSSの色をコントロールするものです。

このスクリプトを使用すると、変数を使用して色を定義することが出来たり、基調色を決めそれを軸により明るい色より暗い色といったグラデーションの生成が出来るようになります。

使い方は簡単です。まずCSS内でPHPを使用するため、例えばCSSのファイル名がstyle.cssの場合はstyle.phpに変更します。

次にCSS Colorsのコードを記述します。csscolor.zipを解凍するとサンプルがあるのでそれを見ても分かりますが、例えば以下のようなコードになります。

<?php
header("Content-type: text/css");
 
include_once("csscolor.php");
 
/* ベース色とハイライト色を作成 */
$base = new CSS_Color('C9E3A6');
$highlight = new CSS_Color('746B8E');
?>
 
body {
/* ベース色を基準に2段階暗くした色 */
background:#<?= $base->bg['-2'] ?>;
 
/* ベース色を基準に2段階暗くした色に合う前景色 */
color:#<?= $base->fg['-2'] ?>;
 
/* ハイライト色をボーダーに */
border:5px solid #<?= $highlight->bg['0'] ?>
}
 

あとは、このCSSファイル（例えばstyle.php)をHTMLから読み込むために、以下のようなコードをHTMLに追加するだけです。

<link rel="stylesheet" type="text/css"
 media="screen" href="style.php">

このように基調色からより明るい色より暗い色、それに合う前景色といったものが簡単に生成されます。色作りに悩んでいる方などは使ってみてはいかがでしょうか。