Adicionar tons de branco em cores rgb

[vini_loock]

Bom dia.

Eu estou precisando fazer uma função que pegue um valor rgb, e adicione tons de brando, mas pelo que eu sei o rgb não tem nada aa ver com luminosidade, então como faria isso?

Ex:

O usuario da um valor: #000(coloquei assim só para simplificar, mas na verdade seria rgb())

Ai eu vou clarear essa cor: #333

Clareio mais uma vez: #666

Teria como fazer isso?

Vlw.

Vinicius.

Editado Agosto 30, 2010 por vini_loock

[*FIT*]

Teria, porém utilizando javascript.

[vini_loock]

Você teria algum exemplo/tutorial?

[*FIT*]

De cabeça agora não, mas vou mover o tópico para lá.

[Romerito]

i aew vini_loock, bom ve se isso ajuda:

http://jscolor.com/

até mais, abraço!

[vini_loock]

Vlw...

Exatamente isso.

Usei o ultimo script:

<script type="text/javascript">
    var count = 3

    for(var i=0; i<count; i++) {
        var input = document.createElement('INPUT')
        input.style.width = '5em'

        // bind jscolor
        var col = new jscolor.color(input)
        col.fromHSV(1/count*i, 1, 1)

        document.getElementsByTagName('BODY')[0].appendChild(input)
    }
</script>

Mas não fexa o tópico ainda não...

Eu to tentando deixar do jeito que preciso... e não to conseguindo

A maior duvida é:

Como eu escolho a primeira cor, e depois dela ir clareando as outras 2?

Porque esse sempre começa do vermelho

Editado Agosto 30, 2010 por vini_loock

[Jonathan Queiroz]

Pelo que entendi é nessa linha:

col.fromHSV(1/count*i, 1, 1)

Onde 1 representa 100% e 0 representa 0%.

[vini_loock]

Mas ai ele se eu deixar o primeiro em 0 ele fica branco, e se deixar o ultimo ele fica preto, e as cores seguintes fica da mesma cor.

Eu já troquei todos esses valores, agora estou tentando achar alguma coisa no script baixei deles, talvez seja la.

Achei essa função no código deles:

this.fromHSV = function(h, s, v, flags) { // null = don't change
            h<0 && (h=0) || h>6 && (h=6);
            s<0 && (s=0) || s>1 && (s=1);
            v<0 && (v=0) || v>1 && (v=1);
            this.rgb = HSV_RGB(
                h===null ? this.hsv[0] : (this.hsv[0]=h),
                s===null ? this.hsv[1] : (this.hsv[1]=s),
                v===null ? this.hsv[2] : (this.hsv[2]=v)
            );
            this.exportColor(flags);
        };

Se tiver algum jeito sem duvida é ai. Mas iai? alguém tem alguma ideia? Talvez com rgb seja mais facil

this.fromRGB = function(r, g, b, flags) { // null = don't change
            r<0 && (r=0) || r>1 && (r=1);
            g<0 && (g=0) || g>1 && (g=1);
            b<0 && (b=0) || b>1 && (b=1);
            var hsv = RGB_HSV(
                r===null ? this.rgb[0] : (this.rgb[0]=r),
                g===null ? this.rgb[1] : (this.rgb[1]=g),
                b===null ? this.rgb[2] : (this.rgb[2]=b)
            );
            if(hsv[0] !== null) {
                this.hsv[0] = hsv[0];
            }
            if(hsv[2] !== 0) {
                this.hsv[1] = hsv[1];
            }
            this.hsv[2] = hsv[2];
            this.exportColor(flags);
        };

Vlw

Editado Agosto 30, 2010 por vini_loock