mixcolor.php

gistfile1.php

<style>
	pre{
		margin: 0;
		padding: 7px 0;
	}
</style>

<?php
function rgb2hsv ($RGB)  
{                                 
   $HSV = array();
   $R = $RGB[0];
	$G = $RGB[1];
	$B = $RGB[2];
   
   $var_R = ($R / 255);
   $var_G = ($G / 255);
   $var_B = ($B / 255);

   $var_Min = min($var_R, $var_G, $var_B);
   $var_Max = max($var_R, $var_G, $var_B);
   $del_Max = $var_Max - $var_Min;

   $V = $var_Max;

   if ($del_Max == 0)
   {
      $H = 0;
      $S = 0;
   }
   else
   {
      $S = $del_Max / $var_Max;

      $del_R = ( ( ( $max - $var_R ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;
      $del_G = ( ( ( $max - $var_G ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;
      $del_B = ( ( ( $max - $var_B ) / 6 ) + ( $del_Max / 2 ) ) / $del_Max;

      if      ($var_R == $var_Max) $H = $del_B - $del_G;
      else if ($var_G == $var_Max) $H = ( 1 / 3 ) + $del_R - $del_B;
      else if ($var_B == $var_Max) $H = ( 2 / 3 ) + $del_G - $del_R;

      if (H<0) $H++;
      if (H>1) $H--;
   }

   $HSV[0] = $H;
   $HSV[1] = $S;
   $HSV[2] = $V;

   return $HSV;
}

function hsv2rgb ($HSV)  
{                                
    $RGB = array();
	$H = $HSV[0];
	$S = $HSV[1];
	$V = $HSV[2];

    if($S == 0)
    {
        $R = $G = $B = $V * 255;
    }
    else
    {
        $var_H = $H * 6;
        $var_i = floor( $var_H );
        $var_1 = $V * ( 1 - $S );
        $var_2 = $V * ( 1 - $S * ( $var_H - $var_i ) );
        $var_3 = $V * ( 1 - $S * (1 - ( $var_H - $var_i ) ) );

        if       ($var_i == 0) { $var_R = $V     ; $var_G = $var_3  ; $var_B = $var_1 ; }
        else if  ($var_i == 1) { $var_R = $var_2 ; $var_G = $V      ; $var_B = $var_1 ; }
        else if  ($var_i == 2) { $var_R = $var_1 ; $var_G = $V      ; $var_B = $var_3 ; }
        else if  ($var_i == 3) { $var_R = $var_1 ; $var_G = $var_2  ; $var_B = $V     ; }
        else if  ($var_i == 4) { $var_R = $var_3 ; $var_G = $var_1  ; $var_B = $V     ; }
        else                   { $var_R = $V     ; $var_G = $var_1  ; $var_B = $var_2 ; }

        $R = $var_R * 255;
        $G = $var_G * 255;
        $B = $var_B * 255;
    }
    

    $RGB['0'] = round($R);
    $RGB['1'] = round($G);
    $RGB['2'] = round($B);

    return $RGB;
}

function mix_color_rgb($c1, $c2, $f, $returnrgb=true) {

	$hsv1 = rgb2hsv($c1);
#	echo implode($hsv1,',')."<br/>";
	$hsv2 = rgb2hsv($c2);
#	echo implode($hsv2,',')."<br/>";

	$h1 = $hsv1[0];
	$s1 = $hsv1[1];
	$v1 = $hsv1[2];
	
	$h2 = $hsv2[0];
	$s2 = $hsv2[1];
	$v2 = $hsv2[2];
	
	if($h1 == 0 && $s1 == 0){
		$h1 = $h2;
	}
	if($h2 == 0 && $s2 == 0){
		$h2 = $h1;
	}

	$dv = $v1 - $v2;
	$v3 = $v1 - ($dv * $f);
	
	if(($s2-$s1) == 0 ){
		$m = 0;
		$s = 0;
	}else{
		$m = ($v2-$v1)/($s2-$s1);
		$c = $v1 - ($m * $s1);
		$s3 = ($v3 - $c) / $m; 
	}
	
	$ds = $s1 - $s2;
	$s3 = $s1 - ($ds * $f);

	if(abs($h1-$h2)>0.5){
		if($h1<$h2){
			$h1 = $h1 + 1;
		}else{
			$h2 = $h2 + 1;
		}
	}	
	
	$dh = $h1 - $h2;
	$h3 = $h1 - ($dh * $f);
	
	if($h3>=1){
		$h3 = $h3-1;
	}

	$new_hsv = array($h3, $s3, $v3);
#	echo implode($new_hsv,',')."<br/>";
	$new_rgb = hsv2rgb($new_hsv);
	if($returnrgb == false){
		return $new_hsv;
	}else{
		return $new_rgb;
	}
}

$warnaRGB1 = array (25,25,25); // R, G, B
$warnaRGB2 = array (255,125,0);
$warnaRGB3 = mix_color_rgb($warnaRGB1,$warnaRGB2,0.20);
?>
<div style="padding: 25px; width: 400px; background-color: rgb(<?=implode($warnaRGB1,','); ?>); color: rgb(<?=implode($warnaRGB2,','); ?>); font-family: Verdana; font-size: 12px; line-height: 22px; border-radius: 10px;">
	<h1 style="padding: 0 0 15px 0; margin: 0 0 0 0; color: rgb(<?=implode($warnaRGB3,','); ?>); font-weight: normal; letter-spacing: 2px; text-transform: Uppercase;">Lorem Ipsum</h1>
	Urna vut, in. Mauris aliquam ultricies, porta augue cursus, et, et proin duis non montes turpis magnis ut dolor adipiscing, ultricies, habitasse est lorem nisi ac, vut mid massa cursus integer cras, dignissim scelerisque elit? Mattis magna tempor. 
</div>
<br/>
<?php
for($i=0;$i<=10;$i++){
	$faktor = $i/10;
	$warna3 = mix_color_rgb($warnaRGB1,$warnaRGB2,$faktor);
	$warna3rgb = mix_color_rgb($warnaRGB1,$warnaRGB2,$faktor,false);
	?>
	<div style="font-size: 8px; text-indent: 110px; width: 100px; background-color: rgb(<?=implode($warna3 ,','); ?>);"><pre><?=($faktor) ?> &#9; <?=substr($warna3rgb[0],0,5); ?> &#9; <?=substr($warna3rgb[1],0,5); ?> &#9; <?=substr($warna3rgb[2],0,5); ?></pre></div>
	<?php
}
?>