Changing the color of a UI Button with scripting?

I'm trying to change the color of a button depending on an array. Is there any way I can dynamically change the color of a button? It should be under the image class, but it's not.

If not, can I do a similar procedure, but with sprites? In the future, I plan to change the sprite based on the array, but until then I want to just use colors for debugging. Or I could just add dumb images.

Problem solved, was easy. I just didn't think it through.

 

You should definitely be able to set Image.color. I'm doing it right now.

 

put this in the start method of some C# script:

Code (csharp):

1.  
2. GetComponent<Image>().color = Color.red;
3.  

should recolor the button red when the script starts.

just access the color property of the Image component on the button, and set it to whatever color you want.

 

Thanks a ton. I don't know why I didn't try that. I feel like a dork.

 

This is easy one.

How to change for example "Normal Color" if Transition is ColorTint?

If you set new color to the Image (like in posts before) then you loose the higlight color, etc.

 

Thanks. That was a code which I was looking for

 

thanks it really helped .
how can i do this for displaying random colours?

 

Do this but use random numbers:

Code (CSharp):

1. _This = this.GetComponent<Image>();
2. _This.color = new Color(255, 0, 0);

 

This is how I normally go about doing this...

Code (CSharp):

1. using UnityEngine;
2. using UnityEngine.UI;
3. using System.Collections;
4.  
5. public class ColorActivity : MonoBehaviour {
6.     //Reference to button to access its components
7.     private Button theButton;
8.  
9.     //this get the Transitions of the Button as its pressed
10.     private ColorBlock theColor;
11.  
12.     // Use this for initialization
13.     void Awake () {
14.         theButton = GetComponent<Button>();
15.         theColor = GetComponent<Button>().colors;
16.  
17.     }
18.  
19.  
20.     /// <summary>
21.     /// Example
22.     /// just add this to your Button component On Click()
23.     /// </summary>
24.     public void ButtonTransitionColors()
25.     {
26.  
27.         theColor.highlightedColor = Color.blue;
28.         theColor.normalColor = Color.cyan;
29.         theColor.pressedColor = Color.green;
30.  
31.         theButton.colors = theColor;
32.         print("Cliked");
33.     }
34. }
35.  

then just add it to the button on click
hope it helps

 

this is not working . can anyone help?

 

Sorry false alarm

 

I'd suggest to use Color32(...), because it works with bytes (0-255) ,whereas Color(...) expects values between 0-1.

Code (CSharp):

1. _This.color=new Color32(255,0,0);

 

Does any one here knows how to change image color through time, so that when I change the image color it doesn't change automatically, instead it changes slowly! Thank you

 

@wasicool7

Hi there,

just animate button's Image component color, by changing it over time.... it will affect whole button color.

Or alternatively animate Button component colors, these are contained in ColorBlock, which you can get, update and then put back, so you can animate normal color only, for example.

You could use animation clip, curve + time, sin wave - whatever is right for your purpose.

 

As a side note, this is a very easy way to make UI elements invisible

 

Thanks for this

 

Perfect!!!

 

How to change the Image colour in canvas on being pressing button???

 

Sir can u help me in changing the colour of Image in Canvas on pressing button??

 

this code:

Code (CSharp):

1. mybutton.highlightedColor = Color.cyan;
2. mybutton.normalColor = Color.cyan;
3. mybutton.pressedColor = Color.green;
4. mybutton.colorMultiplier = 1;

 

i will show how to write in hexcode..!!

Code (CSharp):

1. If you wanna write in Hexcode;
2. if(i want hexcode)
3. { button.color=mydesiredcolored;
4. }

 

Hello guys, I want to update the topic because of changes. If you guys are adding as "Image" component, changing color won't work. So you guys should add as "Graphic" component.

For UI Image element:

Code (CSharp):

1. gameObject.GetComponent("Graphic").color = Color.red;

will work.

 

Code (CSharp):

1. mybutton = // find button somewhere or point reference;
2.  
3. newColor = Color.white; // or any other color
4. ColorBlock colors = ColorBlock.defaultColorBlock;
5. colors.highlightedColor = newColor ;
6. mybutton .GetComponent<Button>().colors = colors;

 

This what I am trying:

Code (CSharp):

1.         m_TextGreen.color = Color.green;//Works
2.         m_TextGreen.color = new Color(135.0f, 245.0f, 15.0f, 255.0f);//Doesnt work
3.        

 

I just posted a different version of this problem. I need to use my own colors.
In Unity 2018.3

 

Hey buddy, try using ColorUtility.TryParseHtmlString, I use something like this:

Code (CSharp):

1. ColorUtility.TryParseHtmlString("#C68B8BFF", out Color defaultCardColor);
2.                 cardArt.color = defaultCardColor;

You can feed in your own custom color codes there

 

This was the exact solution I was looking for (and it works 11-years later.

Code (CSharp):

1. public Button button0;
2.  
3.     private ColorBlock originalColorBlock;
4.     private ColorBlock pressedColorBlock;
5. private void Start()
6.     {
7.         originalColorBlock = ColorBlock.defaultColorBlock;
8.         //Need to assign the "pressed" to the default colors otherwise when releasing the key, the button "flickers" to black.
9.         //This is because with only setting the "normalColor" the other colors are set to 0,0,0,1 or black.
10.         pressedColorBlock = ColorBlock.defaultColorBlock;
11.         pressedColorBlock.normalColor = Color.gray;
12.     }
13.  
14.     private void Update()
15.     {
16.  
17.         if (Input.GetKey(KeyCode.Alpha0) || Input.GetKey(KeyCode.Keypad0))
18.         {
19.             button0.colors = pressedColorBlock;
20.         }
21.         else if (Input.GetKeyUp(KeyCode.Alpha0) || Input.GetKeyUp(KeyCode.Keypad0))
22.         {
23.             button0.colors = originalColorBlock;
24.         }
25.     }

 

Can someone help me with adding random colors to unity's button script, im making a game for my 1 year old sis

 

yeah by replicating the basic square and using c# reverse techniqe

 

Because this is one of the first Google results, with no clear solution in 2024:

Unity's Color constructor expects a value between 0 and 1, so passing any sort of RGB value from 0 to 255 just doesn't work.

To fix it, divide your custom color's RGB values by 255f, and viola:

Code (CSharp):

1. // Divide all the RGB values by 255f to get a value between 0 and 1
2.         m_TextGreen.color = new Color(135f / 255f, 245f / 255f, 15f / 255f, 255f / 255f);