2

Может кто встречал готовую?

Например, даем на вход 006a44, получаем 00ce44.

Т.е тот же цвет, только более светлый... Теоретически нет ничего сложного, цвет переводим в 10-ричный, и увеличиваем середину (G) например, на 100, если она и так максимум 255 или больше 200, то увеличиваем первые(R).

Но у меня больше проблемы с переводом их 16 в 10-ричную систему.

function lighter($color)
{
    $x1 = dechex($color[0] . $color[1]);
    $x2 = dechex($color[2] . $color[3]);
    $x3 = dechex($color[4] . $color[5]);
    if ($x2 > 220) { // некуда осветлять
        if ($x1 + 150 > 255) {
            $x1 = 255;
        } else {
            $x1 = $x1 + 100;
        }
    } else {
        $x2 = $x2 + 100;
    }
    return hexdec($x1) . hexdec($x2) . hexdec($x3);
}

Но он не всегда верно переводит в 10 или в 16, т.к. иногда проскакивают 3-х значные значения и итоговый цвет состоит из 7 символов.

1
  • Проверяйте входной параметр и дописывайте его до 6-ти знаков, при необходимости. if (strlen($color)==3) $color=$color[0].$color[0].$color[1].$color[1].$color[2].$color[2];
    – out
    8 мая 2012 в 20:15

1 ответ 1

4

Ваш алгоритм не совсем верен. Общая идея подобных преобразований лежит в том, что надо работать с цветом в цветовом пространстве HSL - цвет представлен Цветовым тоном, Насыщенностью и Светлотой. Вот увеличивая или уменьшая параметр Светлота можно манипулировать яркостью цвета. Поэтому необходимо перевести цвет в HSL, сделать ярче, а потом обратно в RGB.

Вот тут есть много кода с подобными манипуляциями в ту или в другую сторону.

Также есть такой замечательный язык построения таблиц стилей как SASS/SCSS. В нём есть встроенные функции осветления/затемнения/преобразования цветов. Исходная реализация SASS/SCSS выполнена на Руби, однако есть и порт на PHP - PHamlP. В исходниках можно найти реализацию данной функции - см. SassScriptFunctions.php и SassColour.php. Цвет в этом случае можно задавать в любом виде CSS - "#bc8f8f", "#ba2", "rosybrown", "rgb(100%,0%,0%)"

1
  • Если вопрос ещё актуален :-)
    – mantigatos
    9 мая 2012 в 3:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.