124 lines
3.1 KiB
PHP
124 lines
3.1 KiB
PHP
<?php
|
|
/**
|
|
* Created by PhpStorm.
|
|
* User: jspro
|
|
* Date: 2020-05-26
|
|
* Time: 14:54
|
|
*/
|
|
require_once("PHPColors/Color.php"); // inclure la class
|
|
use Mexitek\PHPColors\Color; // utiliser le namepace de la class
|
|
|
|
// couleurs par défaut
|
|
$strColor = 'f3a566';
|
|
$strColorText = 'ffffff';
|
|
|
|
if (!empty($_REQUEST['c'])) { // vérifier s'il y a une couleur en paramètre
|
|
$strColor = trim($_REQUEST['c']);
|
|
}
|
|
|
|
$objColor = new Color($strColor); // objet: couleur originale
|
|
$strDarkened = $objColor->darken(); // hexa: couleur plus foncée
|
|
$strLightened = $objColor->lighten(); // hexa: couleur plus pâle
|
|
$arrGradient = $objColor->makeGradient(15); //array: couleurs pâle et foncée pour faire un dégradé
|
|
$objColorLightened = new Color($strLightened); // objbet: couleur plus pâle
|
|
$arrRGB = $objColorLightened->getRgb(); //array: rouge, vert, bleu
|
|
?>
|
|
<table style="width: 50%;">
|
|
<tr>
|
|
<th style="width: 33%;">Function</th>
|
|
<th style="width: 33%;">Value</th>
|
|
<th style="width: 33%;">Color</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
IsLight
|
|
</td>
|
|
<td>
|
|
<?php echo $objColor->isLight() ? 'true' : 'false'; ?>
|
|
</td>
|
|
<td>
|
|
-
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
IsDark
|
|
</td>
|
|
<td>
|
|
<?php echo $objColor->isDark() ? 'true' : 'false'; ?>
|
|
</td>
|
|
<td>
|
|
-
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Original
|
|
</td>
|
|
<td>
|
|
<?php echo $strColor; ?>
|
|
</td>
|
|
<td style="background-color: #<?php echo $strColor; ?>; height: 50px;">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Darken
|
|
</td>
|
|
<td>
|
|
<?php echo $objColor->darken(); ?>
|
|
</td>
|
|
<td style="background-color: #<?php echo $objColor->darken(); ?>; height: 50px;">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Lighten
|
|
</td>
|
|
<td>
|
|
<?php echo $objColor->lighten(); ?>
|
|
</td>
|
|
<td style="background-color: #<?php echo $objColor->lighten(); ?>; height: 50px;">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Complementary
|
|
</td>
|
|
<td>
|
|
<?php echo $objColor->complementary(); ?>
|
|
</td>
|
|
<td style="background-color: #<?php echo $objColor->complementary(); ?>; height: 50px;">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Get RGB
|
|
</td>
|
|
<td>
|
|
<pre>
|
|
<?php print_r($arrRGB); ?>
|
|
</pre>
|
|
</td>
|
|
<td style="background-color: rgba(<?php echo $arrRGB['R']; ?>, <?php echo $arrRGB['G']; ?>, <?php echo $arrRGB['B']; ?>, 0.5); height: 150px;">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Make gradient
|
|
</td>
|
|
<td>
|
|
<pre>
|
|
<?php print_r($arrGradient); ?>
|
|
</pre>
|
|
</td>
|
|
<td style="background-image: linear-gradient(#<?php echo $arrGradient['light']; ?>, #<?php echo $arrGradient['dark']; ?>); height: 150px;">
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|