Upstream/esphome-docs
1
0
Fork 0
mirror of https://github.com/esphome/esphome-docs.git synced 2024-09-30 04:37:44 +02:00
Code Issues Projects Releases Wiki Activity

Feat: add hex color (#2731)

Browse Source
This commit is contained in:
Dorian Zedler 2023-03-12 21:26:34 +01:00 committed by GitHub
parent 12e0073cb0
commit 72c0fdd05f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
components/display/index.rst
View File

@ -465,13 +465,36 @@ A ``color`` component exists for just this purpose:
blue: 25%
white: 0%
Alternatively, you can use ``<color>_int`` to specify the color as an int value:
.. code-block:: yaml
color:
- id: my_light_red
red_int: 255
green_int: 51
blue_int: 64
white_int: 0
Or, if you are more comforatble with hex values, you can use ``hex``:
.. code-block:: yaml
color:
- id: my_light_red
hex: FF3340
Configuration variables:
- **red** (*Optional*, percentage): The percentage of the red component. Defaults to ``100%``.
- **red_int** (*Optional*, integer): The brightness of the red component on a scale of ``0`` to ``255``. Defaults to ``255``.
- **green** (*Optional*, percentage): The percentage of the green component. Defaults to ``100%``.
- **green_int** (*Optional*, integer): The brightness of the green component on a scale of ``0`` to ``255``. Defaults to ``255``.
- **blue** (*Optional*, percentage): The percentage of the blue component. Defaults to ``100%``.
- **blue_int** (*Optional*, integer): The brightness of the blue component on a scale of ``0`` to ``255``. Defaults to ``255``.
- **white** (*Optional*, percentage): The percentage of the white component. Defaults to ``100%``.
- **white_int** (*Optional*, integer): The brightness of the white component on a scale of ``0`` to ``255``. Defaults to ``255``.
- **hex** (*Optional*, string): The color in hexadecimal representation. Defaults to ``FFFFFF``.
RGB displays use red, green, and blue, while grayscale displays may use white.