pastellfarben berechnen

[ulli]

hallo

ich überlege gerade ob möglich ist pastellfarben zu berechnen.?
also in der art, dass x farbtöne produziert werden, die sich mehr oder weniger (also für einen menschen gut unterscheidbar) gleich über die farbskala verteilen.
hat das jmd schon mal versucht?

cu
ulli

[Peter]

Auch Hallo,

ich überlege gerade ob möglich ist pastellfarben zu berechnen.?

ja.

also in der art, dass x farbtöne produziert werden, die sich mehr oder weniger (also für einen menschen gut unterscheidbar) gleich über die farbskala verteilen.

ja.

hat das jmd schon mal versucht?

ja.

:)

schau mal hier:
http://www.metacolor.de/farbwaehler_Auffaecherungen_IE.htm
oder
http://www.pixy.cz/apps/barvy/index-en.html
oder
http://www.colorschemer.com/online.html

Grüße, Peter

[ulli]

hallo

schau mal hier:
http://www.metacolor.de/farbwaehler_Auffaecherungen_IE.htm
oder
http://www.pixy.cz/apps/barvy/index-en.html
oder
http://www.colorschemer.com/online.html

Grüße, Peter

ok ... und wie sieht jetzt der quellcode aus?
darauf zielte meine frage nämlich ehr ab.

cu
ulli

[Peter]

ok ... und wie sieht jetzt der quellcode aus?
darauf zielte meine frage nämlich ehr ab.

hm, selbst programmiert habe ich das nicht... aber prinzipiell wird man wohl die RGB-Farbangabe (z.B. "#ffcc00") einer gegebenen Farbe in die einzelnen Komponenten splitten ("ff", "cc", "00"), diese dann in Integer Werte wandeln und die Integer-Werte in einer Schleife modifizieren.

Ich hab mal kurz etwas Quellcode umgeschrieben, den ich mal zu nem ähnlichen Thema brauchte. Macht nicht viel, aber vielleicht kannst Du damit als Grundlage was anfangen.

Die wichtigste Funktion ist makeColors(), wenn Du da die Werte für intR, intG, intB abänderst, erhältst Du entsprechend andere Farbverläufe.

<script type="text/javascript">

arrColors = new Array();

// HilfsArray zur Umwandlung der Werte
function getHexArray()
{
 arrHex = new Array();

for(i=0;i<256;i++)
 {
  arrHex[i.toString(16)] = i;
 }
 return(arrHex);
}

arrHex = getHexArray();

//gibt bei Werten von 0 - 255 den entsprechenden Hex Wert zurück
function int2hex(int)
{
 hex = int.toString(16);
 if (hex.length == 1) hex = "0" + hex;
 return(hex);
}

//gibt bei Werten von 00 - FF den entsprechenden Int Wert zurück
function hex2int(hex)
{
 hex = hex.toLowerCase();
 if (hex.substr(0,1) == "0") hex = hex.substr(1,1);
 return(arrHex[hex]);
}

// erstellt Array mit den entsprechenden Farbwerten
function makeColors()
{
 for(i=0;i<16;i++)
 {
  intR = 12 * i;   // achte, die Werte sollten kleiner 255 bleiben
  intG = 5 * i;
  intB = 8 * i;

col = int2hex(intR);
  col += int2hex(intG);
  col += int2hex(intB);

arrColors[i] = col;
 }
}

makeColors();

// Ausgabe der Farben als Balken
for (j=0; j < arrColors.length; j++)
{
 document.write("<div style='color:#fff;background:#" + arrColors[j] + ";'>&nbsp;"+arrColors[j]+"&nbsp;</div>");
}

</script>

Gruß, Peter

[ulli]

hallo

<script type="text/javascript">
...
</script>
Gruß, Peter

danke dir für den quelltext ... werde mal sehen ob ich ihn an meine bedürfnisse anpassen kann.
cu
ulli

[e7]

Hi,

deine Zwecke scheinen ein idealer Einsatzort für das HSB/HSV-Farbsystem zu sein... Damit kannst due Farbton/Helligkeit/Sättigung einzeln verändern....

E7