Farbwertumrechnung von Hexwerten

[rendner[i]]

Hallöchen,

ich suche irgendwie eine Formel, womit ich eine übergebene Hexadezimalzahl manipulieren kann.
Und zwar möchte ich wenn ich den Farbwert "0xFFFFFF" ( weis ) an diese übergebe dann als Ergebnis ein dunkleres weis.
Und wenn ich schwarz übergebe soll ein helleres herauskommen.
Es soll quasi der "passende" Schlagschatten von der übergebenen Farbe ermittelt werden.
Wenn es geht soll dies für alle Farben anwendbar sein.


Aber ich bekomme es einfach nicht hin.
Ich muss ja auch unterscheiden ab wann die gesuchte Farbe heller oder dunkler werden soll ( sicherlich ab der Mitte, das währe bei 8 ).
Kann mir da jemand einen hilfreichen Tipp geben?

[pokepika]

hmm. es ist schwer, allgemein zu sagen, wie farben dunkler werden ^^ wenn du da ne idee hättest, könnte man dir sicher helfen - so würde mir nichts einfallen..

[DatBonsai]

auch hmm...

Eine Möglichkeit wäre vielleicht, übergebenen Farbwert in seine RGB-Bestandteile zu zerlegen - und dann um prozentuale Werte zu erhöhen/verringern

Aber der genaue Lösungsweg ist mir getz auch nicht klar...

[projecktx]

http://www.sephiroth.it/proto_detail.php?id=154

^^ ein ansatz ^^

übrigens ich würde es wiklich prozentual machen also

if (MeinRot>127){
Diff=255-MeinRot;
MeinNeuesRot=Math.floor(MeinRot-(Diff*0,15));//die 0,15 für 15 %
} else {
Diff=127-MeinRot;
MeinNeuesRot=Math.floor(MeinRot+(Diff*0,15));//die 0,15 für 15 %
} 

Gruss Sascha

[rendner[i]]

Danke ersteinmal, hatte bisher das so...

PHP-Code:

function hexToNum( s ){
    var str = s.toLowerCase();
    switch( str ){    
        case 'a': return 10;
        case 'b': return 11;
        case 'c': return 12;
        case 'd': return 13;
        case 'e': return 14;
        case 'f': return 15;
        default: return -1;
    }    
}

function toRGB( str){
    // rot
    var n = str.slice( 2, 3) ;
    var r1 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    n = str.slice( 3, 4);
    var r2 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    // gruen
    n = str.slice( 4, 5);
    var g1 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    n = str.slice( 5, 6);
    var g2 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    // blau
    n = str.slice( 6, 7);
    var b1 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    n = str.slice( 7, 8);
    var b2 = ( String(Number(n)) == "NaN" ) ? hexToNum( n ) : n;
    // Berechnung
    r1 = r1 * 16 + r2;        // rotWert
    g1 = g1 * 16 + g2;        // gruenWert
    b1 = b1 * 16 + b2;        // blauWert
} 


EDIT:

...mach jetzt aber ersteinmal Feierabend, Birne dicht da kommt jetzt eh nix mehr brauchbares raus, vielleicht morgen ...falls einer langeweile hat oder ne Idee der kann sich ja hier weiter versuchen.

[federer]

Hallo rendner[i]

Diese Funktionen habe ich im Forum gefunden:

function RGBToHex(RGB)
{
    return "0x" + (RGB[0] << 16 | RGB[1] << 8 | RGB[2]).toString(16);
}
 
function HexToRGB(Hex)
{
    R = (Hex & 0xff0000) >> 16; 
    G = (Hex & 0x00ff00) >> 8; 
    B = Hex & 0x0000ff;
    return new Array(R,G,B);
}
 
Farbe = "0xFFFFFF";
RGB = HexToRGB(Farbe);
RGB[0] -= 20; //Rot-Anteil verringern
RGB[1] -= 20; //Grün-Anteil verringern
RGB[2] -= 20; //Blau-Anteil verringern
NeueFarbe = RGBToHex(RGB); 

Ich glaube, das könnte dir helfen...

greez

[DatBonsai]

Manchmal liebe ich"Brainstorming"

[rendner[i]]

@ federer:
goil!

Mensch muss echt mal wieder mit meinen Suchbegriffen total daneben gelegen haben.
Das sieht echt schnieke aus...da kann man ja jetzt loslegen und das eigentliche Ziel ansteuern.

[Alois]

kopfschüttel,
@rendner[i] Du hast eine eigentlich recht komplexe Frage hier gestellt und willst dann doch nur sowas trivilaes wissen?
Für das Farbwerte verändern hat Flash das Color-Objekt...für das spezielle Verändern der einzelnen Farbwerte die Funktion color.setTransform die nicht nur das das was federer's Funktion macht genau so gut kann sondern noch einiges mehr...
Zur eigentlichen Frage 'Schlagschatten', mal so ganz dumm...... schon mal an _alpha gedacht?
Beispiel:

meinBild.duplicateMovieClip("meinSchatten",1);
meinBild.swapDepths(2);
meinSchatten._x+=5;
meinSchatten._y+=5;
meinSchatten._alpha=80; 

Gruß

Alois

[rendner[i]]

Mensch das ist ja noch feiner, daran hatte ich nicht gedacht ( hatte immer gedacht dat geht nur für mc's ), man lernt nie aus.
Ne mit alpha geht nicht.

EDIT:
Ich glaube das mit dem ColorObject ist doch nicht so vorteilhaft, damit kann ich nicht den aktuellen Farbwert des Textes auslesen.
Also muss ich eh die Textfarbe vom Textfeld holen, und umwandeln.
Und somit muss ich doch auf die Funktionen zugreifen, oder Du hast noch nen anderen Tipp parrat ( oder mache ich es mir wieder zu umständlich? ).

[rendner[i]]

Hab’s nun so gelöst, also doch nicht übers ColorObject.
Um zu beeinflussen ob die zurückgegebene Farbe heller oder dunkler sein soll, einfach den 2ten Parameter "manipulieren" ( positiv / negativ ).
Falls ein Farbwert nicht wie prozentual angegeben manipuliert werden kann, wird der größtmöglichste/ kleinstmöglichste Wert genommen der möglich ist.
Dadurch ist das Ergebnis manchmal nicht so wie erhofft.

Hier noch die Funktion:
( die Funktionen "HexToRGB" und "RGBToHex" sind weiter oben zu finden )

PHP-Code:

function setShadow( farbe, pro){
    var rgb = HexToRGB( farbe );
    var tmp = (new Array().concat( rgb )).sort( Array.NUMERIC );
    var a = ( pro > 0 ) ? tmp[0] : tmp[2];
    var p = Math.floor(pro * 2.56);
    if(a-p > 255) a = -(255 - a); 
    else if( a-p > 0  ) a = p; 
    rgb[0] -= a;
    rgb[1] -= a;
    rgb[2] -= a;
    return RGBToHex( rgb );
} 


Und hier noch zum testen 2 TextFelder:

PHP-Code:

this.createTextField("t1", 0, 53, 53, 0, 0);
this.createTextField("t2", 1, 50, 50, 0, 0);
t1.autoSize = t2.autoSize = true;
t1.selectable = t2.selectable = false;

var fmt = new TextFormat("Arial", 60);
t1.setNewTextFormat( fmt );
t2.setNewTextFormat( fmt );

t1.textColor = setShadow( "0x000000", -70 );
t2.textColor = 0x000000;
t1.text = t2.text = "Hallo!"; 


[Alois]

1.)

Zitat von rendner[i]

... daran hatte ich nicht gedacht ( hatte immer gedacht dat geht nur für mc's )...

EDIT:
... des Textes auslesen.
Also muss ich eh die Textfarbe vom Textfeld holen, ...

nochmaldenthreaddurchles,
niergendwo steht daß es 'nicht' um mc's geht, noch steht irgendwo daß es um Textfelder geht, folglich hätte ich natürlich erst mal empfohlen den font einzubinden, wenns geht, dann gehts natürlich auch mit alpha (wenn nicht direkt mit dem Textfeld, warum nicht das Textfeld in einen mc packen...)


2.)...naja und wenn Du bei einem Textfeld eh die Farbe in einer Variable hast, warum dann nicht in einem colorObjekt???

Gruß

Alois

[rendner[i]]

Ich hatte ja auch nicht gesagt das es um einen mc geht ( aber hätte vielleicht doch einmal erwähnen sollen das ich ein Textfeld meine, sorry ).
Das mit dem Textfeld in einem mc funtzt leider nicht, ohne Einbinden.
Mit hab ich es nicht getestet, weil es in meinem Falle blöd wäre.
Ich kann zwar den alpaWert ändern aber das Textfeld bekommt davon nix mit, ist immun.
Egal ob ich es in einem mc anlegen oder dynamisch erstelle.
( zumindest habe ich es nicht hinbekommen )

naja und wenn Du bei einem Textfeld eh die Farbe in einer Variable hast, warum dann nicht in einem colorObjekt???

Hab mir gedacht, das mit dem ColorObject guckste Dir doch noch mal an, wenn der Alois andauernd darauf hinweist.
Aber irgendwie bringt mich das leicht durcheinander Offsetwerte von -255 bis 255, ist nur zum abziehen oder addieren gedacht, oder ( weniger als 0 und mehr als 255 ist ja nicht )?
Nun ja raus gekommen ist bis jetzt das:
Wobei das zurück gelieferte Ergebnis weit hinter dem der anderen Funktion liegt, liegt aber eher daran das ich mit dem ColorObject so meine Verständnisprobleme habe.
Kannst Du Dir das mal angucken, ich will damit im endeffeckt die Farbanteile prozentual ändern.

PHP-Code:

t1.textColor = t2.textColor = 0x124589;
setShadow2( t1, 50);
t1.text = t2.text = "Hallo!";

function setShadow2( tFeld, p){
    var cObj = new Color( tFeld );
    var cT = cObj.getTransform();
    cObj.setTransform( { ra: cT.ra+p, ga: cT.ga+p, ba: cT.ba+p } );
} 


Aber mir ist gestern noch aufgefallen, dass wenn ich eine Farbe habe und diese heller oder dunkler machen will, sich nicht alle 3 Farbanteile gleichmäßig ändern ( unter Werkzeuge, bei Farben, wenn man dan auf den Farbkreis rechts oben drückt ).
Ich denke, man müsste den Prozentualen Anteil der Farbe errechnen und anhand diesem dann die Farbe manipulieren.
Aber das haut dann doch nicht so hin, denn manche Farben haben einen Anteil von 100% ( also 255 ) und ändern sich erst mehrere Farbnuancen später.
Und wenn man sich neben den RGB-Werten die Felder anguckt, sieht man das sich bei den anderen 3 nur das Feld mit der Helligkeit verändert.
Was ist das für ein Farbmodel?
HSB ist es anscheinend nicht.
Kann man das irgendwie errechnen?

[Alois]

hier mal eine genaue Beschreibung von color.setTransform....
Edit: ...nächste Zeile gelöscht, hab da was falsch verstanden...