How to have correct color on imGUI Buttons (as dynamic textures) avoiding multiply effect ?

Question

Hi, I am creating my own "button look" without using texture files, and I'm struggling with their display (Unity Editor Custom Window) with incorrect color values. They seems to be multiplied by some factor (maybe darken unity Editor skin color ?), and I can't find a way to retrieve my exact colors.

MultiplyEffect

Here are a snippet of what I am doing, simplified of course. I am using a picker to pick a color, and then the button that should be drawn with it has another color. Thanks for any help on this ! On a GUIMultiplyEffect_EditorWindow.cs file :

 using System.Collections;
 using System.Collections.Generic;
 using UnityEngine;
 using UnityEditor;
 
 public class GUIMultiplyEffect_EditorWindow :EditorWindow
     {
     Color buttonColor = Color.gray;
 
     [MenuItem("Window/GUIMultiply : EditorWindow", false, 42)]
     public static void ShowWindow()
         {
     EditorWindow.GetWindow(typeof(GUIMultiplyEffect_EditorWindow));
         }
 
 
     void OnGUI()
         {
         buttonColor = EditorGUILayout.ColorField(buttonColor);
 
         GUIStyle customButtonStyle = new GUIStyle(GUI.skin.button);
 
         Texture2D customBackgroundTexture = new Texture2D(2, 2);
         customBackgroundTexture.SetPixels(new Color[4] { buttonColor, buttonColor, buttonColor, buttonColor });
         customBackgroundTexture.Apply();
 
         customButtonStyle.normal.background = customBackgroundTexture;
 
         if (GUILayout.Button("My Button", customButtonStyle))
             {
             }
         }
     }

Answer 1

Answer by Bunny83 · Apr 23, 2017 at 10:26 AM

Make sure your color is completely opaque (alpha of 1.0) and you don't set GUI.color to anything else than "white". To be on the safe side you may want to manually set GUi.color to "Color.white".

Of course when in run-mode inside the editor, all the Editor GUI get additionally "tinted" with the play-mode-tint color which you set in the editor preferences.

edit
I just went ahead and used your code 1:1. This is my result:

Example

As you can see the displayed color is 100% the color i selected in the color field. I actually made a screenshot, cropped the editorwindow and checked the colors inside ms paint with the pipette tool. Both red areas are 100% red. Though the color picker has a frame around which blends slightly at the border. However the button itself is completely red as expected.

If you expected something different you should have said that in your question. You create a 2x2 texture that has a solid color and that's what is displayed.

guicolor.png (3.7 kB)

Add comment · Show 4 · Share

Cyrille-Paulhiac · Apr 24, 2017 at 12:41 PM 0

Share

Thanks for taking the time for answering me. I already tried overwriting both GUI.color and GUI.backgroundColor without any success of matching both colors T.T

Bunny83 Cyrille-Paulhiac · Apr 24, 2017 at 04:28 PM 0

Share

I've edited my answer and included my test results.

Unfortunately it seem that UA does no longer allow image uploads in comments so i had to include it in my answer. $$anonymous$$aybe it always has been that way though i can't remember ^^.

Cyrille-Paulhiac Bunny83 · Apr 24, 2017 at 04:58 PM 0

Share

Thanks again. You're right with a pure red value, but in my measures, smaller values in channels are modified. (color picked) => color measured Professional skin : 255,128,128 => 255,55,55 and Personnal skin : 255,128,128 => 255,55,55

(the 2x2 texture is only of the purpose to reproduce the issue of course)

Show more comments

How to have correct color on imGUI Buttons (as dynamic textures) avoiding multiply effect ?

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions