Яркость шестнадцатеричного кода PHP?
Я хочу, чтобы пользователи на моем веб-сайте могли выбирать шестнадцатеричный цвет, и я просто хочу отображать белый текст для темных цветов и черный текст для светлых цветов. Можете ли вы определить яркость с помощью шестнадцатеричного кода (предпочтительно PHP)?
6 answers
$hex = "78ff2f"; //Bg color in hex, without any prefixing #!
//break up the color in its RGB components
$r = hexdec(substr($hex,0,2));
$g = hexdec(substr($hex,2,2));
$b = hexdec(substr($hex,4,2));
//do simple weighted avarage
//
//(This might be overly simplistic as different colors are perceived
// differently. That is a green of 128 might be brighter than a red of 128.
// But as long as it's just about picking a white or black text color...)
if($r + $g + $b > 382){
//bright color, use dark font
}else{
//dark color, use bright font
}
Я сделал один похожий, но основанный на весах каждого цвета (на основе версии этой темы на C#)
function readableColour($bg){
$r = hexdec(substr($bg,0,2));
$g = hexdec(substr($bg,2,2));
$b = hexdec(substr($bg,4,2));
$contrast = sqrt(
$r * $r * .241 +
$g * $g * .691 +
$b * $b * .068
);
if($contrast > 130){
return '000000';
}else{
return 'FFFFFF';
}
}
echo readableColour('000000'); // Output - FFFFFF
РЕДАКТИРОВАТЬ: Небольшая оптимизация: Sqrt известен как дорогостоящая математическая операция, которой, вероятно, пренебрегают в большинстве сценариев, но в любом случае ее можно было бы избежать, сделав что-то подобное.
function readableColour($bg){
$r = hexdec(substr($bg,0,2));
$g = hexdec(substr($bg,2,2));
$b = hexdec(substr($bg,4,2));
$squared_contrast = (
$r * $r * .299 +
$g * $g * .587 +
$b * $b * .114
);
if($squared_contrast > pow(130, 2)){
return '000000';
}else{
return 'FFFFFF';
}
}
echo readableColour('000000'); // Output - FFFFFF
Он просто не применяет sqrt, вместо этого он увеличивает желаемый контраст среза на два, что является гораздо более дешевым расчетом
Вам необходимо преобразовать значения RGB в HLS/HSL (Яркость и насыщенность оттенка). Затем вы можете использовать яркость, чтобы определить, нужен ли вам светлый текст или темный текст.
На этой странице приведены некоторые подробные сведения о том, как выполнить преобразование в PHP, а также о выборе дополнительного цвета из этого.
Я только что заметил, что этот сайт посвящен астрологии, так что приношу извинения, если кто-то обиделся.
Я знаю, что это очень старая тема, но для пользователей, которые пришли из "Поиска Google", эта ссылка может быть тем, что они ищут. Я искал что-то подобное, и я думаю, что это хорошая идея разместить его здесь:
Https://github.com/mexitek/phpColors
use Mexitek\PHPColors\Color;
// Initialize my color
$myBlue = new Color("#336699");
echo $myBlue->isLight(); // false
echo $myBlue->isDark(); // true
Вот и все.
Если у вас активировано расширение imagemagick, вы можете просто создать объект ImagickPixel, вызвать setColor с вашим шестнадцатеричным значением, а затем вызвать GETHSL() (и получить последний элемент полученного массива, я полагаю)...
Я попробовал другой подход к этому, я использовал процент светлоты HSL (оттенок, насыщенность и яркость), чтобы проверить, темный цвет или светлый. (как сказал @chrisf в своем ответе)
Функция:
function colorislight($hex) {
$hex = str_replace('#', '', $hex);
$r = (hexdec(substr($hex, 0, 2)) / 255);
$g = (hexdec(substr($hex, 2, 2)) / 255);
$b = (hexdec(substr($hex, 4, 2)) / 255);
$lightness = round((((max($r, $g, $b) + min($r, $g, $b)) / 2) * 100));
return ($lightness >= 50 ? true : false);
}
В строке возврата он проверяет, превышает ли процент легкости 50%, и возвращает значение true, в противном случае возвращается значение false. Вы можете легко изменить его, чтобы вернуть значение true, если цвет имеет яркость 30 % и так далее. Переменная $lightness может возвращать значение от 0 до 100 0, являющееся самый темный и 100 - самый светлый.
Как использовать эту функцию:
$color = '#111111';
if ( colorislight($color) ) {
echo 'this color is light';
}
else {
echo 'this color is dark';
}