如何使用PHP生成更浅/更深的颜色?

我有一个颜色的hex值,例如#202010

如何生成一个新的颜色,在PHP中以百分比(即20%较暗)给出较亮或较暗的颜色

按照Frxstrem给出的例子调整颜色的百分比并不理想。

如果你的颜色是黑色的(RGB中的0,0,0),你将乘以零,根本不会产生任何改变。 如果你的颜色是深灰色的(例如RGB中的2,2,2),你将不得不减less50%,直到(3,3,3)。 另一方面,如果你的RGB颜色是(100,100,100),调整50%会使你移动到(150,150,150),这是一个比较大的变化。

更好的解决scheme是按步骤/数字(0-255)而不是按百分比来调整,例如像这样(PHP代码):

编辑2014-01-06:清理了一下代码。

 function adjustBrightness($hex, $steps) { // Steps should be between -255 and 255. Negative = darker, positive = lighter $steps = max(-255, min(255, $steps)); // Normalize into a six character long hex string $hex = str_replace('#', '', $hex); if (strlen($hex) == 3) { $hex = str_repeat(substr($hex,0,1), 2).str_repeat(substr($hex,1,1), 2).str_repeat(substr($hex,2,1), 2); } // Split into three parts: R, G and B $color_parts = str_split($hex, 2); $return = '#'; foreach ($color_parts as $color) { $color = hexdec($color); // Convert to decimal $color = max(0,min(255,$color + $steps)); // Adjust color $return .= str_pad(dechex($color), 2, '0', STR_PAD_LEFT); // Make two char hex code } return $return; } 

这是一个例子:

 <?php $color = '#aabbcc'; // The color we'll use 

提取颜色。 我宁愿使用正则expression式,但也可能有其他更有效的方法。

 if(!preg_match('/^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i', $color, $parts)) die("Not a value color"); 

现在我们有$parts[1]红色, $parts[1]中的绿色和$parts[3]蓝色。 现在,我们将它们从hex转换为整数:

 $out = ""; // Prepare to fill with the results for($i = 1; $i <= 3; $i++) { $parts[$i] = hexdec($parts[$i]); 

那我们就减less20%

  $parts[$i] = round($parts[$i] * 80/100); // 80/100 = 80%, ie 20% darker // Increase or decrease it to fit your needs 

现在,我们将它们转换回hex,并将它们添加到我们的输出string

  $out .= str_pad(dechex($parts[$i]), 2, '0', STR_PAD_LEFT); } 

然后在string的开头添加一个“#”,就是这样!

答案是错的。

使用RGB模型是一个概念错误。

您需要将颜色从RGB(或hex格式)转换为HSL。

那是色调,饱和度,亮度。

一旦你把它从RGB转换成HSL,为了减轻颜色,你只需调整L值(亮度)10%。 然后,一旦你完成你从HSL转换回RGB,你就完成了。

瞧!

PHP中的RGB到HSV

我对这个感兴趣,但我的问题是如何添加一个不透明的颜色?

我想要一个颜色褪色,而不是做得更轻。 我发现这个: http : //www.gidnetwork.com/b-135.html它工作了伟大的代码张贴从原来的网站为SO读者。

 function color_blend_by_opacity( $foreground, $opacity, $background=null ) { static $colors_rgb=array(); // stores colour values already passed through the hexdec() functions below. $foreground = str_replace('#','',$foreground); if( is_null($background) ) $background = 'FFFFFF'; // default background. $pattern = '~^[a-f0-9]{6,6}$~i'; // accept only valid hexadecimal colour values. if( !@preg_match($pattern, $foreground) or !@preg_match($pattern, $background) ) { trigger_error( "Invalid hexadecimal colour value(s) found", E_USER_WARNING ); return false; } $opacity = intval( $opacity ); // validate opacity data/number. if( $opacity>100 || $opacity<0 ) { trigger_error( "Opacity percentage error, valid numbers are between 0 - 100", E_USER_WARNING ); return false; } if( $opacity==100 ) // $transparency == 0 return strtoupper( $foreground ); if( $opacity==0 ) // $transparency == 100 return strtoupper( $background ); // calculate $transparency value. $transparency = 100-$opacity; if( !isset($colors_rgb[$foreground]) ) { // do this only ONCE per script, for each unique colour. $f = array( 'r'=>hexdec($foreground[0].$foreground[1]), 'g'=>hexdec($foreground[2].$foreground[3]), 'b'=>hexdec($foreground[4].$foreground[5]) ); $colors_rgb[$foreground] = $f; } else { // if this function is used 100 times in a script, this block is run 99 times. Efficient. $f = $colors_rgb[$foreground]; } if( !isset($colors_rgb[$background]) ) { // do this only ONCE per script, for each unique colour. $b = array( 'r'=>hexdec($background[0].$background[1]), 'g'=>hexdec($background[2].$background[3]), 'b'=>hexdec($background[4].$background[5]) ); $colors_rgb[$background] = $b; } else { // if this FUNCTION is used 100 times in a SCRIPT, this block will run 99 times. Efficient. $b = $colors_rgb[$background]; } $add = array( 'r'=>( $b['r']-$f['r'] ) / 100, 'g'=>( $b['g']-$f['g'] ) / 100, 'b'=>( $b['b']-$f['b'] ) / 100 ); $f['r'] += intval( $add['r'] * $transparency ); $f['g'] += intval( $add['g'] * $transparency ); $f['b'] += intval( $add['b'] * $transparency ); return sprintf( '%02X%02X%02X', $f['r'], $f['g'], $f['b'] ); }