ColorPicker

ColorPicker

Introduction

ColorPicker is a color selector supporting multiple color formats.

Function signature

ColorPicker(
    show_alpha=False,
    color_format="hex",
    widget_id=None,
)

Parameters

show_alpha

Determine whether to display the alpha slider.

type: bool

default value: False

color_picker = ColorPicker(show_alpha=True)

color_format

Determine color format(hsl, hsv, hex, rgb).

type: Literal["hex", "hsl", "hsv", "rgb"]

default value: hex

color_picker = ColorPicker(color_format="hsl")

compact

Make widget compact.

type: bool

default value: False

widget_id

ID of the widget.

type: str

default value: None

Methods and attributes

Mini App Example

You can find this example in our Github repository:

supervisely-ecosystem/ui-widgets-demos/input/007_color_picker/src/main.py

Import libraries

import os
import supervisely as sly
from dotenv import load_dotenv
from supervisely.app.widgets import Card, Container, ColorPicker, Text

Init API client

First, we load environment variables with credentials and init API for communicating with Supervisely Instance:

load_dotenv("local.env")
load_dotenv(os.path.expanduser("~/supervisely.env"))

api = sly.Api()

Initialize ColorPicker and Text widgets

color_picker = ColorPicker(show_alpha=False, color_format="hex", compact=False)
color_info = Text("Current color: #20A0FF", "info")
text = Text("Hello, World!", color="#20A0FF", font_size=22)

Create app layout

Prepare a layout for app using Card widget with the content parameter.

layout = Card(
    "Color Picker",
    content=Container([color_picker, color_info, text]),
)

Create app using layout

Create an app object with layout parameter.

app = sly.Application(layout=layout)