•  Untoreh-light

Оттенки цветов

Возьмите градиент от черно-белого к цветному

Это какой-то javascript, который я написал так, что, начиная с веб-сайта, посвященного оттенкам серого, вы получаете градиент на основе цвета акцента. В сочетании с инструментом выбора цвета веб-сайт может предлагать на лету на основе пользователя настройка темы.

//function to return the color in hex value
        $.cssHooks.bgColor = {
                get: function(elem) {
                        if (elem.currentStyle)
                                var bg = elem.currentStyle["backgroundColor"];
                        elseif (window.getComputedStyle)
                                var bg = document.defaultView.getComputedStyle(elem,
                                        null).getPropertyValue("background-color");
                        if (bg.search("rgb") == -1)
                                return bg;
                        else {
                                bg = bg.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
                                functionhex(x) {
                                        return ("0" + parseInt(x).toString(16)).slice(-2);
                                }
                                returnhex(bg[1]) + hex(bg[2]) + hex(bg[3]);
                        }
                }
        }

        //function to make colors brighter or darkerfunctionshadeColor(color, porcent) {

                var R = parseInt(color.substring(1,3),16)
                var G = parseInt(color.substring(3,5),16)
                var B = parseInt(color.substring(5,7),16);

                R = parseInt(R * (100 + porcent) / 100);
                G = parseInt(G * (100 + porcent) / 100);
                B = parseInt(B * (100 + porcent) / 100);

                R = (R<255)?R:255;
                G = (G<255)?G:255;
                B = (B<255)?B:255;

                varRR = ((R.toString(16).length==1)?"0"+R.toString(16):R.toString(16));
                varGG = ((G.toString(16).length==1)?"0"+G.toString(16):G.toString(16));
                varBB = ((B.toString(16).length==1)?"0"+B.toString(16):B.toString(16));

                return"#"+RR+GG+BB;
        }

        function(){
                        $this = $(this) ;
                        bc = $($this).parent().css('bgColor');
                        var newc = shadeColor('#'+bc, 40);
                        $('.rt').css('opacity', '0.4');
                        $($this).parent().animate({backgroundColor: '\''+newc+'\''}, 1500).css({'opacity': '1', 'cursor' : 'hand'});
                }
                ,
                function(){
                        $(this).parent().animate({backgroundColor: '\'#'+bc+'\''}, 1500);
                        $(this).css({
                                opacity: 0.8
                        });
                        $('.rt').not($this).css('opacity', '0.7');?
Теги сообщений: