Skip to content

judah4/HSV-Color-Picker-Unity

Folders and files

NameName
Last commit message
Last commit date

Latest commit

f91350d · Mar 5, 2023
Apr 14, 2022
Oct 16, 2022
Jan 27, 2019
Mar 5, 2023
Mar 5, 2023
Oct 16, 2022
Sep 9, 2014
Oct 10, 2021
Mar 3, 2016
Jun 15, 2020
Oct 21, 2022
Mar 11, 2015

Repository files navigation

HSV Color Picker

openupm

HSV color picker using Unity UI. Unity Forum Thread

Versions

Unity 2020.3 LTS

Install

UPM

Follow the instructions on OpenUpm https://openupm.com/packages/com.judahperez.hsvcolorpicker/

{
    "scopedRegistries": [
        {
            "name": "package.openupm.com",
            "url": "https://package.openupm.com",
            "scopes": []
        }
    ],
    "dependencies": {
        "com.judahperez.hsvcolorpicker": "3.3.0"
    }
}

Unity Package

https://github.com/judah4/HSV-Color-Picker-Unity/releases

alt tag Should be really easy to use. Just add the prefab to the canvas, hook up an event, and it's good to go.

using HSVPicker;
using UnityEngine;

public class SomeClass : MonoBehavior
{

	public Renderer renderer;
	public ColorPicker picker;
     
	// Use this for initialization
	void Start ()
	{
		picker.onValueChanged.AddListener(color =>
		{
			renderer.material.color = color;
		});
		renderer.material.color = picker.CurrentColor;
	}
 
	// Update is called once per frame
	void Update () {
 
	}
	...

if you want to assign your own color first, just do this call and it sets the slider and picker to the proper selection.

    Color color = Color.green;
    picker.CurrentColor = color;

resizable panels

Can be toggled and sized as needed in settings.

Setup Settings

settings inspector

On the color picker setup section.

Show Rgb: Show RGB sliders.

Show Hsv: Show HSV sliders.

Show Alpha: Show the alpha slider.

Show Color Box: Show the larger color selection box and color column.

Show Color Slider Toggle: Show the button to toggle the HSV and RGB sliders.

Show Header: Options to show the top header with color preview and hex code.

  • Hide: Hide the top header.
  • Show Color: Show only the color preview in the header.
  • Show Color Code: Show only the color code in the header.
  • Show All: Show the entire top header.

Color Presets

The prefabs starts with 4 colors in the color presets. This can be updated in the Setup section of the picker prefab.
Set the Preset Colors Id for different shared list between color pickers.