Я хочу, чтобы пользователи моего веб-сайта могли выбирать гексаговый цвет, и я просто хочу отображать белый текст для темных цветов и черный текст для светлых цветов. Можете ли вы выработать яркость из шестнадцатеричного кода (желательно PHP)?
Яркость кода шестнадцатеричного кода PHP?
Ответ 1
$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 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
}
Ответ 2
Я сделал одно подобное - но основанное на весах каждого цвета (на основе версии С# этого потока)
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
EDIT: Небольшая оптимизация: 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, вместо этого он наделяет желаемый срезанный контраст на два, что намного дешевле
Ответ 3
Вам нужно преобразовать значения RGB в HLS/HSL (оттенок и насыщенность), затем вы можете использовать Lightness, чтобы определить, нужен ли вам легкий текст или темный текст.
Эта страница содержит некоторые сведения о том, как преобразовать в PHP, а также выбрать дополнительный цвет из этого.
Я только что заметил, что сайт является сайтом астрологии - так извиняйтесь, если кто-то обиделся.
Ответ 4
Если у вас активировано расширение imagemagick, вы можете просто создать объект ImagickPixel, вызвать setColor с шестнадцатеричным значением, а затем вызвать getHSL() (и получить последний элемент полученного массива, я полагаю)...
Ответ 5
Я знаю, что это очень старая тема, но для пользователей, которые пришли из "Google Search", эта ссылка может быть тем, что они ищут. Я искал что-то вроде этого, и я думаю, что это хорошая идея опубликовать его здесь:
https://github.com/mexitek/phpColors
use Mexitek\PHPColors\Color;
// Initialize my color
$myBlue = new Color("#336699");
echo $myBlue->isLight(); // false
echo $myBlue->isDark(); // true
Что это.
Ответ 6
Я попробовал другой подход к этому, я использовал процентность 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';
}