Die Funktion, Farbe in Schattierungen zu zerlegen.

 

Einen Monat lang habe ich hartnäckig das Problem gelöst, Farbe in Schattierungen zu zerlegen. Die Aufgabe gestaltete sich schwierig. Als Grundlage für die Studie habe ich die Windows-Farbpalette genommen (die in den Diagrammeigenschaften ). Nach langem Studieren fand ich immer noch Muster. Und so geht's:

  • Zuerst zerlegte ich die Farbe in drei Hauptkomponenten und bestimmte die höchste, mittlere und niedrigste.
  • Außerdem habe ich begonnen, Diagramme zu erstellen und Linien durch die Werte der Komponenten zu ziehen.
  • Als ich beim Ziehen des Schiebereglers die Änderungen der Zahlen in der Palette beobachtete, stellte ich fest, dass der Anstiegswinkel der Linien gebrochen wurde, da sich zu einem bestimmten Zeitpunkt die Änderungsrate der Zahlen änderte.
  • Ich habe die Brechungsachse der Linien auf die Mitte des Diagramms gesetzt und gesehen, dass jede Linie aus zwei Segmenten besteht, von denen jedes seinen eigenen Anstiegswinkel hat.
  • Außerdem habe ich beim Experimentieren mit der Farbpalette festgestellt, dass es einen maximalen Anstiegswinkel der höchsten Komponente gibt. Zuerst dachte ich, es wären 67,5 Grad. Die Praxis hat jedoch gezeigt, dass es gleich 63,5 Grad ist.
  • Ich konnte lange Zeit nicht herausfinden, wie man die Liniensegmente der Farbkomponenten richtig zeichnet. Es gab viele Unbekannte. Aber die Hauptsache ist, wie man die Koordinate der Originalfarbe auf der Karte findet?
  • Ich experimentierte weiter mit der Palette und bemerkte, dass sich der Schieberegler um eine bestimmte Entfernung bewegt, wenn der Farbwert um eine bestimmte Zahl geändert wird. Allmählich wurde mir klar, dass der Verschiebungsabstand des Schiebereglers dem halben Wert der Nebenkomponente entspricht.
  • Ich nahm an, dass ich, wenn ich die Koordinate der höchsten Komponente auf der Linie des maximalen Anstiegswinkels finde und den halben Wert der niedrigsten Komponente zu diesem Punkt addiere, ich die Koordinate der ursprünglichen Farbe auf dem Diagramm finden werde. Die Praxis hat gezeigt, dass die Annahme richtig war.
  • Angesichts der Koordinate der ursprünglichen Farbe und der Brechungsachse konnte ich die Winkel jedes Segments berechnen und Werte für jede Komponente entlang ihrer Linie erhalten. Dazu habe ich Schultrigonometrie verwendet.
  • Nachdem ich die Berechnungen auf Papier überprüft hatte, begann ich mit dem Schreiben der Funktion. Jetzt möchte ich es mit allen teilen.
 //+------------------------------------------------------------------+
//|                                                Full Gradient.mqh |
//|                                                      Peter Konow |
//|                                             https://www.mql5.com |
//+------------------------------------------------------------------+
void Диапазон_оттенков( color _Цвет, string &Все_оттенки[ 256 ])
{
 color R,G,B,q;
 //------------------------------------------------------
 string Этот_цвет;
 double Тангенс_угла_старшего_треугольника_1,      
        Тангенс_угла_среднего_треугольника_1,                  
        Тангенс_угла_младшего_треугольника_1,                       
        Значение_в_точке_преломления_старшей_компоненты,  
        Значение_в_точке_преломления_средней_компоненты,
        Значение_в_точке_преломления_младшей_компоненты,    
        Тангенс_угла_старшего_треугольника_2,
        Тангенс_угла_среднего_треугольника_2,    
        Тангенс_угла_младшего_треугольника_2;
 //------------------------------------------------------
 double pi = 3.1415926536 ,
        Comp_1,Comp_2,Comp_3,
         //-----------------------------------------------
        Первая_компонента,
        Вторая_компонента,
        Третья_компонента,
         //-----------------------------------------------
        Исходный_R = GetR(_Цвет), 
        Исходный_G = GetG(_Цвет),  
        Исходный_B = GetB(_Цвет),  
         //-----------------------------------------------
        Старшая_компонента         = Нужная_компонента(Исходный_R,Исходный_G,Исходный_B, 0 ), 
        Средняя_компонента         = Нужная_компонента(Исходный_R,Исходный_G,Исходный_B, 1 ), 
        Младшая_компонента         = Нужная_компонента(Исходный_R,Исходный_G,Исходный_B, 2 ), 
         //-----------------------------------------------
        Координата_исходного_цвета = Старшая_компонента/ tan (( 63.43989 *pi)/ 180 ) + Младшая_компонента/ 2 ; 
         //-----------------------------------------------
        
 //-----------------------------------------------
 if (Старшая_компонента == Исходный_R)R = Старшая_компонента;
 if (Старшая_компонента == Исходный_G)G = Старшая_компонента; 
 if (Старшая_компонента == Исходный_B)B = Старшая_компонента;     
 //------------------------
 if (Средняя_компонента == Исходный_R)R = Средняя_компонента;
 if (Средняя_компонента == Исходный_G)G = Средняя_компонента; 
 if (Средняя_компонента == Исходный_B)B = Средняя_компонента; 
 //------------------------
 if (Младшая_компонента == Исходный_R)R = Младшая_компонента;
 if (Младшая_компонента == Исходный_G)G = Младшая_компонента; 
 if (Младшая_компонента == Исходный_B)B = Младшая_компонента;     
 //==========================================================================================
 if (Координата_исходного_цвета <= 127 )
   {
    Тангенс_угла_старшего_треугольника_1  = Старшая_компонента/Координата_исходного_цвета;
    Тангенс_угла_среднего_треугольника_1  = Средняя_компонента/Координата_исходного_цвета;     
    Тангенс_угла_младшего_треугольника_1  = Младшая_компонента/Координата_исходного_цвета;
     //-----------------------------------------------
    Значение_в_точке_преломления_старшей_компоненты  = Тангенс_угла_старшего_треугольника_1* 128 ;
    Значение_в_точке_преломления_средней_компоненты  = Тангенс_угла_среднего_треугольника_1* 128 ;
    Значение_в_точке_преломления_младшей_компоненты  = Тангенс_угла_младшего_треугольника_1* 128 ;    
     //-----------------------------------------------    
    Тангенс_угла_старшего_треугольника_2  = ( 255 - Значение_в_точке_преломления_старшей_компоненты)/ 128 ;
    Тангенс_угла_среднего_треугольника_2  = ( 255 - Значение_в_точке_преломления_средней_компоненты)/ 128 ;       
    Тангенс_угла_младшего_треугольника_2  = ( 255 - Значение_в_точке_преломления_младшей_компоненты)/ 128 ;
     //-----------------------------------------------    
     for ( int a1 = 0 ; a1 < 128 ; a1++)
      {
       Comp_1 = Тангенс_угла_старшего_треугольника_1*a1;
       Comp_2 = Тангенс_угла_среднего_треугольника_1*a1;
       Comp_3 = Тангенс_угла_младшего_треугольника_1*a1;
       //---------------------------------------------------
       if (Comp_1 > 255 )Comp_1 = 255 ;
       if (Comp_1 > 255 )Comp_2 = 255 ;
       if (Comp_1 > 255 )Comp_3 = 255 ;
       //---------------------------------------------------
       if (R == Старшая_компонента)Первая_компонента = Comp_1;
       if (R == Средняя_компонента)Первая_компонента = Comp_2;
       if (R == Младшая_компонента)Первая_компонента = Comp_3;
       //---------------------------------------------------
       if (G == Старшая_компонента)Вторая_компонента = Comp_1;
       if (G == Средняя_компонента)Вторая_компонента = Comp_2;
       if (G == Младшая_компонента)Вторая_компонента = Comp_3;
       //---------------------------------------------------
       if (B == Старшая_компонента)Третья_компонента = Comp_1;
       if (B == Средняя_компонента)Третья_компонента = Comp_2;
       if (B == Младшая_компонента)Третья_компонента = Comp_3;
       //---------------------------------------------------
       Этот_цвет = ( string ) MathRound (Первая_компонента) + "," + ( string ) MathRound (Вторая_компонента) + "," + ( string ) MathRound (Третья_компонента);
       //---------------------------------------------------------------------------    
       Все_оттенки[a1] = Этот_цвет; 
       //---------------------------------------------------------------------------
      }
     //------------------------------------------------------------------------------
     for ( int a2 = 255 ; a2 >= a1; a2--)
      {
       Comp_1 = 255 - Тангенс_угла_старшего_треугольника_2*q;
       Comp_2 = 255 - Тангенс_угла_среднего_треугольника_2*q;
       Comp_3 = 255 - Тангенс_угла_младшего_треугольника_2*q;
       //---------------------------------------------------
       if (Comp_1 > 255 )Comp_1 = 255 ;
       if (Comp_1 > 255 )Comp_2 = 255 ;
       if (Comp_1 > 255 )Comp_3 = 255 ;
       //---------------------------------------------------       
       if (R == Старшая_компонента)Первая_компонента = Comp_1;
       if (R == Средняя_компонента)Первая_компонента = Comp_2;
       if (R == Младшая_компонента)Первая_компонента = Comp_3;
       //---------------------------------------------------
       if (G == Старшая_компонента)Вторая_компонента = Comp_1;
       if (G == Средняя_компонента)Вторая_компонента = Comp_2;
       if (G == Младшая_компонента)Вторая_компонента = Comp_3;
       //---------------------------------------------------
       if (B == Старшая_компонента)Третья_компонента = Comp_1;
       if (B == Средняя_компонента)Третья_компонента = Comp_2;
       if (B == Младшая_компонента)Третья_компонента = Comp_3;
       //---------------------------------------------------
       Этот_цвет = ( string ) MathRound (Первая_компонента) + "," + ( string ) MathRound (Вторая_компонента) + "," + ( string ) MathRound (Третья_компонента);
       //---------------------------------------------------------------------------    
       Все_оттенки[a2] = Этот_цвет; 
       //---------------------------------------------------------------------------
       q++;
      }
  } 
 //------------------------------------------------------------------------------
 if (Координата_исходного_цвета > 127 )
   {
    Тангенс_угла_старшего_треугольника_1  = ( 255 - Старшая_компонента)/( 255 - Координата_исходного_цвета);
    Тангенс_угла_среднего_треугольника_1  = ( 255 - Средняя_компонента)/( 255 - Координата_исходного_цвета);       
    Тангенс_угла_младшего_треугольника_1  = ( 255 - Младшая_компонента)/( 255 - Координата_исходного_цвета);
     //-----------------------------------------------
    Значение_в_точке_преломления_старшей_компоненты  = 255 - (Тангенс_угла_старшего_треугольника_1* 128 );
    Значение_в_точке_преломления_средней_компоненты  = 255 - (Тангенс_угла_среднего_треугольника_1* 128 );
    Значение_в_точке_преломления_младшей_компоненты  = 255 - (Тангенс_угла_младшего_треугольника_1* 128 );    
     //-----------------------------------------------    
    Тангенс_угла_старшего_треугольника_2  = Значение_в_точке_преломления_старшей_компоненты/ 128 ;
    Тангенс_угла_среднего_треугольника_2  = Значение_в_точке_преломления_средней_компоненты/ 128 ;      
    Тангенс_угла_младшего_треугольника_2  = Значение_в_точке_преломления_младшей_компоненты/ 128 ;
     //-----------------------------------------------    
     for ( int b1 = 0 ; b1 < 128 ; b1++)
      {
       Comp_1 = Тангенс_угла_старшего_треугольника_2*b1;
       Comp_2 = Тангенс_угла_среднего_треугольника_2*b1;
       Comp_3 = Тангенс_угла_младшего_треугольника_2*b1;
       //---------------------------------------------------
       if (Comp_1 > 255 )Comp_1 = 255 ;
       if (Comp_1 > 255 )Comp_2 = 255 ;
       if (Comp_1 > 255 )Comp_3 = 255 ;
       //---------------------------------------------------
       if (R == Старшая_компонента)Первая_компонента = Comp_1;
       if (R == Средняя_компонента)Первая_компонента = Comp_2;
       if (R == Младшая_компонента)Первая_компонента = Comp_3;
       //---------------------------------------------------
       if (G == Старшая_компонента)Вторая_компонента = Comp_1;
       if (G == Средняя_компонента)Вторая_компонента = Comp_2;
       if (G == Младшая_компонента)Вторая_компонента = Comp_3;
       //---------------------------------------------------
       if (B == Старшая_компонента)Третья_компонента = Comp_1;
       if (B == Средняя_компонента)Третья_компонента = Comp_2;
       if (B == Младшая_компонента)Третья_компонента = Comp_3;
       //---------------------------------------------------
       Этот_цвет = ( string ) MathRound (Первая_компонента) + "," + ( string ) MathRound (Вторая_компонента) + "," + ( string ) MathRound (Третья_компонента);
       //---------------------------------------------------------------------------    
       Все_оттенки[b1] = Этот_цвет; 
       //---------------------------------------------------------------------------
      }
     //------------------------------------------------------------------------------
     for ( int b2 = 255 ; b2 >= b1; b2--)
      {
       Comp_1 = 255 - Тангенс_угла_старшего_треугольника_1*q;
       Comp_2 = 255 - Тангенс_угла_среднего_треугольника_1*q;
       Comp_3 = 255 - Тангенс_угла_младшего_треугольника_1*q;
       //---------------------------------------------------
       if (Comp_1 > 255 )Comp_1 = 255 ;
       if (Comp_1 > 255 )Comp_2 = 255 ;
       if (Comp_1 > 255 )Comp_3 = 255 ;
       //---------------------------------------------------       
       if (R == Старшая_компонента)Первая_компонента = Comp_1;
       if (R == Средняя_компонента)Первая_компонента = Comp_2;
       if (R == Младшая_компонента)Первая_компонента = Comp_3;
       //---------------------------------------------------
       if (G == Старшая_компонента)Вторая_компонента = Comp_1;
       if (G == Средняя_компонента)Вторая_компонента = Comp_2;
       if (G == Младшая_компонента)Вторая_компонента = Comp_3;
       //---------------------------------------------------
       if (B == Старшая_компонента)Третья_компонента = Comp_1;
       if (B == Средняя_компонента)Третья_компонента = Comp_2;
       if (B == Младшая_компонента)Третья_компонента = Comp_3;
       //---------------------------------------------------
       Этот_цвет = ( string ) MathRound (Первая_компонента) + "," + ( string ) MathRound (Вторая_компонента) + "," + ( string ) MathRound (Третья_компонента);
       //---------------------------------------------------------------------------    
       Все_оттенки[b2] = Этот_цвет; 
       //---------------------------------------------------------------------------
       q++;
      }
   }   
 //------------------------------------------------------------------------------  
}
//+------------------------------------------------------------------+
//| Получение значения компонента R                                  |
//+------------------------------------------------------------------+
double GetR( const color aColor)
  {
   return (aColor& 0xff );
  }
//+------------------------------------------------------------------+
//| Получение значения компонента G                                  |
//+------------------------------------------------------------------+
double GetG( const color aColor)
  {
   return ((aColor>> 8 )& 0xff );
  }
//+------------------------------------------------------------------+
//| Получение значения компонента B                                  |
//+------------------------------------------------------------------+
double GetB( const color aColor)
  {
   return ((aColor>> 16 )& 0xff );
  }
//--------------------------------------------------------------------
double Нужная_компонента( double C1, double C2, double C3, int Index)
{
 double Components[ 3 ]; 
 //----------------------------------------------
 Components[ 0 ] = C1;
 Components[ 1 ] = C2;
 Components[ 2 ] = C3;
 //----------------------------------------------
 ArraySort (Components, WHOLE_ARRAY , 0 , MODE_DESCEND );
 //----------------------------------------------
 return (Components[Index]);
}

 

Hier ist das Skript zum Testen:

void OnStart()
  {
   color Main_color     = C'213,0,0';//здесь ставите нужный цвет. Компилируете. Тот же цвет ставите в цветовой палитре виндоус. Сравниваете цвета.
   string Gradient[256];
   //------------------------
   Диапазон_оттенков(Main_color,Gradient);
   //------------------------
   for(int a1 = 0; a1 < 256; a1++)Alert(__FUNCTION__,"  Gradient[",a1,"]  ",Gradient[a1]);
  }
Dateien:
 
Реter Konow:

Hier ist das Skript zum Testen:

Ich danke Ihnen! Es wäre gut, den Code auf Englisch mit Kommentaren zu schreiben und ihn an die Bibliothek zu schicken...

 
Es ist auch sehr interessant, wie dieses Problem mit der CCanvas-Klasse gelöst wird. Wie kann man alle Schattierungen der ursprünglichen Farbe durch sie hindurch erhalten?
 
Vladimir Pastushak:

Ich danke Ihnen! Es wäre gut, den Code auf Englisch mit Kommentaren zu schreiben und ihn an die Bibliothek zu schicken...

Einverstanden. Ich werde sie in meiner Freizeit übersetzen. Sie meinen Codebase?

 
Реter Konow:

Einverstanden. Ich werde sie in meiner Freizeit übersetzen. Sie meinen die Codebasis?

Die Codebasis hat einen Bibliotheksbereich, in dem solche Codes gestapelt und aktualisiert werden.

 
Vladimir Pastushak:

Die Codebasis verfügt über einen Bibliotheksbereich, in dem solche Codes gestapelt und aktualisiert werden.

Ich verstehe.

 
Vladimir Pastushak:

Ich danke Ihnen! Es wäre gut, Code auf Englisch mit Kommentaren zu schreiben und diese Codes an die Bibliothek zu schicken...

Für CodeBade sollte man es unbedingt in der internationalen Sprache schreiben. Aber warum sollte man in einem russischen Forum darauf bestehen?

Ich persönlich bin angewidert von dieser internationalen... weil ich es überhaupt nicht kenne und es in unserer russischen Muttersprache viel besser verstehe.

 

In der Farbmetrik gibt es, wenn ich mich recht erinnere, eine ganze Reihe verschiedener Systeme.

Wahrscheinlich gibt es ein fertiges System, das die Anforderungen erfüllt, und Formeln für den Wechsel zwischen den Systemen.

 
Georgiy Merts:

In der Farbmetrik gibt es, wenn ich mich recht erinnere, eine ganze Reihe verschiedener Systeme.

Wahrscheinlich gibt es ein fertiges System, das die Anforderungen erfüllt, und Formeln, die zwischen den beiden Systemen stehen.

Ich habe eine Funktion. Sie schicken eine Farbe und erhalten alle Schattierungen. Als Nächstes kann ein beliebiger Farbverlauf gezeichnet werden, indem einfach eine Array-Schleife ausgeführt wird.

 

Wenig später habe ich eine Änderung vorgenommen. Zunächst die Funktion der Leere. Gibt keinen Wert zurück. Aber dann habe ich es zum Typ int gemacht und hinzugefügt

return(Координата_исходного_цвета);

So begann die Funktion, zusätzlich zum Array der Farbtöne die Nummer der Zelle zurückzugeben, in der sich die ihr zugesandte Originalfarbe befindet. Dies erleichtert das Zeichnen eines Farbverlaufs. Von der ursprünglichen Farbe aus können Sie sich entweder nach links oder nach rechts entlang der Reihe bewegen.