Farben nach Farbtönen sortieren - Seite 2

hausl · 17.06.2011, 08:42

Um was gehts hier jetzt?

Klar kann man die sortieren in dem man die #hex-Latte oben von dir anschaut und jede Farbe richtig einreiht..

Ich dachte (und ich glaub auch das meinte nikosch) es geht die darum einen Ansatz zu finden (mittels PHP) eine Sortierlogik zu finden, also die hex/RGB/HLB-Werte so zu sortieren das dann unterm Strich ein fürs Auge schöner Farbverlauf herauskommt.

Aber wenn Du die einmalig durchsortierst (und dann nie wieder) um das wo "statisch" zu haben dann is es eh durch..

Da gibts auch noch ne nette Aufstellung, schade das die HLB Werte nicht dabeistehen. http://gucky.uni-muenster.de/cgi-bin/rgbtab

LG

nikosch · 17.06.2011, 20:35

Zitat:

Und ja nikosch, stell dir vor, genausogut könnte man das auch eindimensional in einer Liste darstellen, antsatt in einer zweidimensionalen Tabelle, eben durch zwei Sortier-Kriterien. Du bist ziemlich stur, open your mind und verkrampfe nicht so, Junge!

Nö, kann man nicht. Jedenfalls nicht nach Deiner Vorstellung wie im Regenbogen. Das hat nicht mit open mind, sondern mit Logik zu tun.

Zitat:

ein schöner fließender Übergang eben.

Das ist genauso als würdest Du

Code:

A1 B1 C1 … Z1
A2 B2
A3 …
…
A0

sortieren wollen. Wenn Du nen mit einem „schönen fließenden Übergang“ Weg findest, sag Bescheid.

hausl · 17.06.2011, 23:21

Da gibts übrigens die Tabelle mit den Werten HEX-Farbe, RGB-Farbe, und auch Farbton, Sättigung, Helligkeit und man kann nach jeder Spalte (unabhängig in erster Ebene!) sortieren.. (wobei ich mit bei der RGB Sortierung nicht ganz sicher bin wie der sortiert ;-X)

try it...

http://www.mediaevent.de/tutorial/farbcodes.html

LG

nikosch · 17.06.2011, 23:35

Sorry, aber ich dachte nicht, dass Du nach einer Sortierung suchst, die man nicht als Sortierung erkennt. Ich jedenfalls erkenne da kein System. Also was willst Du (mir) hier beweisen? Das hier? Muss doch möglich sein (Das muss doch möglich sein…)

[edit]

Oh, ok, er sortiert einfach immer nach dem vergebenen Farbnamen: aliceblue bis yellow. Das ist natürlich ein extrem sinnvolles SOrtierkriterium...

hausl · 17.06.2011, 23:47

Zitat:

Zitat von nikosch

... Also was willst Du (mir) hier beweisen?

Also, falls Du damit mich meist - gar nix. War nur als Info gedacht, vor allem in die Richtung das ich es nicht hinbekommen hab "einen Regenbogen zu sortieren", egal welche Spalte ich versuchte (die Korrektheit der Sortierung von der Seite war mir eher .. egal)

Und gehn müssen tut gar nix.. (nur der Sensenmann ...)
LG

nikosch · 18.06.2011, 01:04

So, hier haste jetzt ne lineare Liste. Wie gesagt - Regenbogen _geht nicht_. Kann nicht gehen. Das „Pumpen“ der Farben folgt daraus, dass die Farbcodes nach dem Prinzip:

A0 A1 A2 A3 A4 A5 … A9 B9 B8 B7 … B1 B0 C0 C1 C2 … C9 … usw.

gereiht werden (allerdings 3-dimensional), um mal beim Beispiel aus #12 zu bleiben.

Ich empfehle, $steps nicht weiter runterzustellen, die Menge der Kombinationen wächst halt kubisch.
Wieviel das bei xFFFFFF x 40 Zeichen Span Code == Byte ist, kannst Du Dir selbst ausrechnen. 640MB Daten oder so.

PHP-Code:

 
<html>
  <head>
  <style>
    span {
      width:200px;
      height:20px;
      display:block;
      margin-bottom:1px;
    }
  </style>
</head>
<body>
  <div>
  <?php

  $steps = 8;


  $dir_red   = 1;
  $dir_green = 1;
  $dir_blue  = 1;
  $red   = 0;
  $green = 0;
  $blue  = 0;

  $fullcount = 0;

  $break = 256 / $steps;
  $break = $break * $break * $break;


  while (true)
    {
    ++$fullcount;
    if ($fullcount >= $break) break;

    $tmp = $red + $dir_red * $steps;

    $red = max (0 , min (255 , $tmp));

    if ($tmp >= 255 || $tmp <= 0)
      {
      $dir_red *= -1;
      
      $tmp = $green + $dir_green * $steps;

      $green = max (0 , min (255 , $tmp));

      if ($tmp >= 255 || $tmp <= 0)
        {
        $dir_green *= -1;

        $blue += $steps;
        }
      }

    printf ('<span style="background:#%02x%02x%02x"></span>' , $red , $green , $blue);
    }

  ?></div>
  </body>
</html>

nikosch · 18.06.2011, 15:55

Ach ja, PS: Das Script ist noch nicht optimal und schneidet diverse Farben am oberen und unteren Ende der Skala ab. War schlichtweg zu faul, da weiterzudenken. Das Prinzip sollte aber klar werden.

eisenhans · 18.06.2011, 20:43

Also das hier sind die Farben des Regenbogens:

Farbe Rot Grün Blau
=====================
Violett 128 0 255
Indigo 64 0 255
Blau 0 0 255
Grün 0 255 0
Gelb 255 255 0
Orange 255 128 0
Rot 255 0 0

Um jetzt mal Nikos Ansatz aufzugreifen, folgende Darstellung:

PHP-Code:

 
<html>

  <head>

  <style>

    span {

        float:left;

        height:100%;

        width:1px;

    }

    body{

     margin:0;

     padding:0;

    }

  </style>

</head>

<body>

  <div>

  <?php

  /**

   *  Von Violett nach Blau 128

   */    

  $green = 0;

  $blue  = 255;

  for($red=127;$red>=0;$red--){

    printf ('<span style="background:#%02x%02x%02x;" title="#%02x%02x%02x;"></span>' , $red , $green , $blue,$red , $green , $blue);

  }     

  /**

   *  Von Blau zu Grün 255

   */    

   $red = 0;

  for($blue=255;$blue>=0;$blue--){

      $green = 255-$blue;

    printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue);

  }     

  /**

   *  Von Grün zu Gelb 255

   */    

   $green = 255;

   $blue= 0;

  for($red=0;$red<256;$red++){

    printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue);

  }     

  /**

   *  Von Gelb zu Rot 255

   */    

   $red = 255;

   $blue= 0;

  for($green=255;$green>-1;$green--){

    printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue);

  }     

  ?></div>

  </body>

</html>

So jetzt hab ich einen Regenbogen, dann kann ich mir die Frage stellen, wo ich die anderen Farben dazu pack.
Für eine Farbauswahl würde ich vielleicht nach oben abdunkeln und nach unten heller machen.

Wieviele der 16 Millionen Farben kann ich damit abdecken?

Also daß hier sind erst 896, ich bräuchte also noch ca. 18 000 Farben nach oben und unten (je 9000), um das komplette RGB-Spektrum von der Menge abzubilden, wobei wahrscheinlich noch mehrfache dabei sind.

mermshaus · 24.06.2011, 14:34

Auf phpforum.de gibt's aktuell einen ähnlichen Thread. Da ist zum Beispiel dies hier bei rumgekommen:

- http://www.phpforum.de/forum/showpos...6&postcount=32

Sehr schick.

(Die fertige Grafik temporär: http://people.ermshaus.org/marc/tmp/wheel.png)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Benutzerdefiniertes Sortieren	gaxx	PHP Einsteiger	12	29.05.2011 17:39
Tabellenausgabe sortieren mit Dropdown liste	ahunzs	PHP Einsteiger	10	23.05.2011 15:33
[Erledigt] Textdatenbank zeilenweise alphabetisch sortieren - Drop Down Menü alphabet	UdoDirk	PHP Tipps 2010	1	24.07.2010 10:45
Array sortieren...	BlackScorp	PHP Tipps 2010	15	12.07.2010 08:20
Websichere Farben ....	halskrause	HTML, Usability und Barrierefreiheit	8	29.03.2010 23:17
Termin-Array sortieren (mehrdimensionaler Array)	mumaha	PHP Tipps 2009	1	13.11.2009 08:14
Problem mit Array sortieren	MySelf	PHP Tipps 2009	1	12.02.2009 11:03
Highscoreliste - Array sortieren und ausgeben	archipage	PHP Tipps 2009	7	11.01.2009 13:15
Dateien sortieren	Lavalampe	PHP Tipps 2008	10	02.05.2008 15:47
Array Werte sortieren	eLement	PHP Tipps 2008	9	30.03.2008 22:39
RGB-Farben miteinander vergleichen, Farben aus Bild filtern	scraddy	PHP Tipps 2006	10	31.10.2006 10:16
DECIMAL lässt sich nicht mit ORDER BY sortieren	buggybugga	Datenbanken	4	07.07.2006 15:43
Daten sortieren?	Smily0412	Datenbanken	3	10.03.2006 21:09
Sortieren mit buchstabe und zahl	Unkaputtbar2	Datenbanken	3	17.02.2006 11:49
Problem beim Sortieren		PHP Tipps 2005-2	5	29.06.2005 07:00

17.06.2011, 08:42
hausl Erfahrener Benutzer Registriert seit: 03.08.2010 Beiträge: 1.141 PHP-Kenntnisse: Anfänger	Um was gehts hier jetzt? Klar kann man die sortieren in dem man die #hex-Latte oben von dir anschaut und jede Farbe richtig einreiht.. Ich dachte (und ich glaub auch das meinte nikosch) es geht die darum einen Ansatz zu finden (mittels PHP) eine Sortierlogik zu finden, also die hex/RGB/HLB-Werte so zu sortieren das dann unterm Strich ein fürs Auge schöner Farbverlauf herauskommt. Aber wenn Du die einmalig durchsortierst (und dann nie wieder) um das wo "statisch" zu haben dann is es eh durch.. Da gibts auch noch ne nette Aufstellung, schade das die HLB Werte nicht dabeistehen. http://gucky.uni-muenster.de/cgi-bin/rgbtab LG __________________ Keine Zahl != ein Zeichen das keine Zahl ist


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.06.2011, 23:21
hausl Erfahrener Benutzer Registriert seit: 03.08.2010 Beiträge: 1.141 PHP-Kenntnisse: Anfänger	Da gibts übrigens die Tabelle mit den Werten HEX-Farbe, RGB-Farbe, und auch Farbton, Sättigung, Helligkeit und man kann nach jeder Spalte (unabhängig in erster Ebene!) sortieren.. (wobei ich mit bei der RGB Sortierung nicht ganz sicher bin wie der sortiert ;-X) try it... http://www.mediaevent.de/tutorial/farbcodes.html LG __________________ Keine Zahl != ein Zeichen das keine Zahl ist Geändert von hausl (17.06.2011 um 23:31 Uhr).

17.06.2011, 23:35
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sorry, aber ich dachte nicht, dass Du nach einer Sortierung suchst, die man nicht als Sortierung erkennt. Ich jedenfalls erkenne da kein System. Also was willst Du (mir) hier beweisen? Das hier? Muss doch möglich sein (Das muss doch möglich sein…) [edit] Oh, ok, er sortiert einfach immer nach dem vergebenen Farbnamen: aliceblue bis yellow. Das ist natürlich ein extrem sinnvolles SOrtierkriterium... __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

18.06.2011, 01:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	So, hier haste jetzt ne lineare Liste. Wie gesagt - Regenbogen _geht nicht_. Kann nicht gehen. Das „Pumpen“ der Farben folgt daraus, dass die Farbcodes nach dem Prinzip: A0 A1 A2 A3 A4 A5 … A9 B9 B8 B7 … B1 B0 C0 C1 C2 … C9 … usw. gereiht werden (allerdings 3-dimensional), um mal beim Beispiel aus #12 zu bleiben. Ich empfehle, $steps nicht weiter runterzustellen, die Menge der Kombinationen wächst halt kubisch. Wieviel das bei xFFFFFF x 40 Zeichen Span Code == Byte ist, kannst Du Dir selbst ausrechnen. 640MB Daten oder so. PHP-Code: <html> <head> <style> span { width:200px; height:20px; display:block; margin-bottom:1px; } </style> </head> <body> <div> <?php $steps = 8; $dir_red = 1; $dir_green = 1; $dir_blue = 1; $red = 0; $green = 0; $blue = 0; $fullcount = 0; $break = 256 / $steps; $break = $break * $break * $break; while (true) { ++$fullcount; if ($fullcount >= $break) break; $tmp = $red + $dir_red * $steps; $red = max (0 , min (255 , $tmp)); if ($tmp >= 255 \|\| $tmp <= 0) { $dir_red = -1; $tmp = $green + $dir_green $steps; $green = max (0 , min (255 , $tmp)); if ($tmp >= 255 \|\| $tmp <= 0) { $dir_green = -1; $blue += $steps; } } printf ('<span style="background:#%02x%02x%02x"></span>' , $red , $green , $blue); } ?></div> </body> </html> __________________ -- One pixel is still too big. Please make it smaller. ASAP.* Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

18.06.2011, 15:55
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ach ja, PS: Das Script ist noch nicht optimal und schneidet diverse Farben am oberen und unteren Ende der Skala ab. War schlichtweg zu faul, da weiterzudenken. Das Prinzip sollte aber klar werden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

18.06.2011, 20:43
eisenhans Erfahrener Benutzer Registriert seit: 28.06.2009 Beiträge: 109 PHP-Kenntnisse: Fortgeschritten	Regenbogenfarben mit php Also das hier sind die Farben des Regenbogens: Farbe Rot Grün Blau ===================== Violett 128 0 255 Indigo 64 0 255 Blau 0 0 255 Grün 0 255 0 Gelb 255 255 0 Orange 255 128 0 Rot 255 0 0 Um jetzt mal Nikos Ansatz aufzugreifen, folgende Darstellung: PHP-Code: <html> <head> <style> span { float:left; height:100%; width:1px; } body{ margin:0; padding:0; } </style> </head> <body> <div> <?php /** * Von Violett nach Blau 128 / $green = 0; $blue = 255; for($red=127;$red>=0;$red--){ printf ('<span style="background:#%02x%02x%02x;" title="#%02x%02x%02x;"></span>' , $red , $green , $blue,$red , $green , $blue); } /* * Von Blau zu Grün 255 / $red = 0; for($blue=255;$blue>=0;$blue--){ $green = 255-$blue; printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue); } /* * Von Grün zu Gelb 255 / $green = 255; $blue= 0; for($red=0;$red<256;$red++){ printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue); } /* * Von Gelb zu Rot 255 */ $red = 255; $blue= 0; for($green=255;$green>-1;$green--){ printf ('<span style="background:#%02x%02x%02x;"></span>' , $red , $green , $blue); } ?></div> </body> </html> So jetzt hab ich einen Regenbogen, dann kann ich mir die Frage stellen, wo ich die anderen Farben dazu pack. Für eine Farbauswahl würde ich vielleicht nach oben abdunkeln und nach unten heller machen. Wieviele der 16 Millionen Farben kann ich damit abdecken? Also daß hier sind erst 896, ich bräuchte also noch ca. 18 000 Farben nach oben und unten (je 9000), um das komplette RGB-Spektrum von der Menge abzubilden, wobei wahrscheinlich noch mehrfache dabei sind. __________________ Webstammtisch Oldenburg

24.06.2011, 14:34
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.729 PHP-Kenntnisse: Fortgeschritten	Auf phpforum.de gibt's aktuell einen ähnlichen Thread. Da ist zum Beispiel dies hier bei rumgekommen: - http://www.phpforum.de/forum/showpos...6&postcount=32 Sehr schick. (Die fertige Grafik temporär: http://people.ermshaus.org/marc/tmp/wheel.png) __________________ Blog \| Buch \| Kaloa