「App:Library:LVGL:docs:Overview:Colors」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
 
(同じ利用者による、間の6版が非表示)
2行目: 2行目:
 
__NOTOC__
 
__NOTOC__
 
= Colors =
 
= Colors =
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
The color module handles all color-related functions like changing color depth, creating colors from hex code, converting between color depths, mixing colors, etc.
 
The color module handles all color-related functions like changing color depth, creating colors from hex code, converting between color depths, mixing colors, etc.
  
−
The type <code>lv_color_t</code> is used to store a color. Its fields are set according to <code>LV_COLOR_DEPTH</code> in <code>lv_conf.h</code>. (See below)
+
The type <code style="color: #bb0000;">lv_color_t</code> is used to store a color. Its fields are set according to <code style="color: #bb0000;">LV_COLOR_DEPTH</code> in <code style="color: #bb0000;">lv_conf.h</code>. (See below)
 +
 
 +
 
 +
You may set <code style="color: #bb0000;">LV_COLOR_16_SWAP</code> in <code style="color: #bb0000;">lv_conf.h</code> to swap bytes of ''RGB565'' colors.
 +
 
 +
 
 +
You may need this when sending 16-bit colors via a byte-oriented interface like SPI.
 +
 
 +
As 16-bit numbers are stored in little-endian format (lower byte at the lower address), the interface will send the lower byte first.
 +
 
 +
 
 +
However, displays usually need the higher byte first.
 +
 
 +
A mismatch in the byte order will result in highly distorted colors.
 +
|カラーモジュールは、色深度の変更、16進コードからの色の作成、色深度間の変換、色の混合など、すべての色関連機能を処理します。
 +
 
 +
タイプ <code style="color: #bb0000;">lv_color_t</code> は、色を格納するために使用されます。 そのフィールドは<code style="color: #bb0000;">lv_conf.h</code>の <code style="color: #bb0000;">LV_COLOR_DEPTH</code> に従って設定されます。(下記参照)
 +
 
 +
 
 +
<code style="color: #bb0000;">lv_conf.h</code>で <code style="color: #bb0000;">LV_COLOR_16_SWAP</code> 設定して、RGB565色のバイトを交換できます。
 +
 
 +
 
 +
SPIのようなバイト指向のインターフェースを介して16ビットカラーを送信する場合にこれが必要になることがあります。
 +
 
 +
16ビットの数値はリトルエンディアン形式（下位アドレスの下位バイト）で格納されるため、インターフェイスは下位バイトを最初に送信します。
 +
 
 +
 
 +
ただし、通常、ディスプレイには最初に上位バイトが必要です。
 +
 
 +
バイト順序の不一致は、非常に歪んだ色になります。
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
  
−
You may set <code>LV_COLOR_16_SWAP</code> in <code>lv_conf.h</code> to swap bytes of ''RGB565'' colors. You may need this when sending 16-bit colors via a byte-oriented interface like SPI. As 16-bit numbers are stored in little-endian format (lower byte at the lower address), the interface will send the lower byte first. However, displays usually need the higher byte first. A mismatch in the byte order will result in highly distorted colors.
 
  
 
== Creating colors ==
 
== Creating colors ==
 
=== RGB ===
 
=== RGB ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Create colors from Red, Green and Blue channel values:
 
Create colors from Red, Green and Blue channel values:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 +
//All channels are 0-255
 +
lv_color_t c = lv_color_make(red, green, blue);
 +
 +
//From hex code 0x000000..0xFFFFFF interpreted as RED + GREEN + BLUE
 +
lv_color_t c = lv_color_hex(0x123456);
 +
 +
//From 3 digits. Same as lv_color_hex(0x112233)
 +
lv_color_t c = lv_color_hex3(0x123);
 +
</syntaxhighlight>
 +
|赤、緑、青のチャンネル値から色を作成します。
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  //All channels are 0-255
 
  //All channels are 0-255
 
  lv_color_t c = lv_color_make(red, green, blue);
 
  lv_color_t c = lv_color_make(red, green, blue);
19行目: 71行目:
 
  //From 3 digits. Same as lv_color_hex(0x112233)
 
  //From 3 digits. Same as lv_color_hex(0x112233)
 
  lv_color_t c = lv_color_hex3(0x123);  
 
  lv_color_t c = lv_color_hex3(0x123);  
 +
</syntaxhighlight>
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
 +
  
 
=== HSV ===
 
=== HSV ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Create colors from Hue, Saturation and Value values:
 
Create colors from Hue, Saturation and Value values:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  //h = 0..359, s = 0..100, v = 0..100
 
  //h = 0..359, s = 0..100, v = 0..100
 
  lv_color_t c = lv_color_hsv_to_rgb(h, s, v);
 
  lv_color_t c = lv_color_hsv_to_rgb(h, s, v);
31行目: 93行目:
 
  //From lv_color_t variable
 
  //From lv_color_t variable
 
  lv_color_hsv_t c_hsv = lv_color_to_hsv(color);
 
  lv_color_hsv_t c_hsv = lv_color_to_hsv(color);
 +
</syntaxhighlight>
 +
|色相、彩度、値の値から色を作成します。
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 +
//h = 0..359, s = 0..100, v = 0..100
 +
lv_color_t c = lv_color_hsv_to_rgb(h, s, v);
 +
 +
//All channels are 0-255
 +
lv_color_hsv_t c_hsv = lv_color_rgb_to_hsv(r, g, b);
 +
 +
 +
//From lv_color_t variable
 +
lv_color_hsv_t c_hsv = lv_color_to_hsv(color);
 +
</syntaxhighlight>
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
 +
  
 
=== Palette ===
 
=== Palette ===
−
LVGL includes Material Design's palette of colors. In this system all named colors have a nominal main color as well as four darker and five lighter variants.
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 +
LVGL includes Material Design's palette of colors.  
 +
 
 +
In this system all named colors have a nominal main color as well as four darker and five lighter variants.
  
 
The names of the colors are as follows:
 
The names of the colors are as follows:
  
−
* <code>LV_PALETTE_RED</code>
+
* <code style="color: #bb0000;">LV_PALETTE_RED</code>
−
* <code>LV_PALETTE_PINK</code>
+
* <code style="color: #bb0000;">LV_PALETTE_PINK</code>
−
* <code>LV_PALETTE_PURPLE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_PURPLE</code>
−
* <code>LV_PALETTE_DEEP_PURPLE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_DEEP_PURPLE</code>
−
* <code>LV_PALETTE_INDIGO</code>
+
* <code style="color: #bb0000;">LV_PALETTE_INDIGO</code>
−
* <code>LV_PALETTE_BLUE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_BLUE</code>
−
* <code>LV_PALETTE_LIGHT_BLUE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_LIGHT_BLUE</code>
−
* <code>LV_PALETTE_CYAN</code>
+
* <code style="color: #bb0000;">LV_PALETTE_CYAN</code>
−
* <code>LV_PALETTE_TEAL</code>
+
* <code style="color: #bb0000;">LV_PALETTE_TEAL</code>
−
* <code>LV_PALETTE_GREEN</code>
+
* <code style="color: #bb0000;">LV_PALETTE_GREEN</code>
−
* <code>LV_PALETTE_LIGHT_GREEN</code>
+
* <code style="color: #bb0000;">LV_PALETTE_LIGHT_GREEN</code>
−
* <code>LV_PALETTE_LIME</code>
+
* <code style="color: #bb0000;">LV_PALETTE_LIME</code>
−
* <code>LV_PALETTE_YELLOW</code>
+
* <code style="color: #bb0000;">LV_PALETTE_YELLOW</code>
−
* <code>LV_PALETTE_AMBER</code>
+
* <code style="color: #bb0000;">LV_PALETTE_AMBER</code>
−
* <code>LV_PALETTE_ORANGE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_ORANGE</code>
−
* <code>LV_PALETTE_DEEP_ORANGE</code>
+
* <code style="color: #bb0000;">LV_PALETTE_DEEP_ORANGE</code>
−
* <code>LV_PALETTE_BROWN</code>
+
* <code style="color: #bb0000;">LV_PALETTE_BROWN</code>
−
* <code>LV_PALETTE_BLUE_GREY</code>
+
* <code style="color: #bb0000;">LV_PALETTE_BLUE_GREY</code>
−
* <code>LV_PALETTE_GREY</code>
+
* <code style="color: #bb0000;">LV_PALETTE_GREY</code>
 +
 
 +
To get the main color use <code style="color: #bb0000;">lv_color_t c = lv_palette_main(LV_PALETTE_...)</code>.
 +
 
 +
 
 +
For the lighter variants of a palette color use <code style="color: #bb0000;">lv_color_t c = lv_palette_lighten(LV_PALETTE_..., v)</code>.
 +
 
 +
 
 +
<code style="color: #bb0000;">v</code> can be 1..5.
 +
 
 +
 
 +
For the darker variants of a palette color use <code style="color: #bb0000;">lv_color_t c = lv_palette_darken(LV_PALETTE_..., v)</code>.
 +
 
 +
 
 +
<code style="color: #bb0000;">v</code> can be 1..4.
 +
|LVGLには、マテリアルデザインの色のパレットが含まれています。
 +
 
 +
このシステムでは、すべての名前の付いた色に、名目上のメインカラーと、4つの暗い色と5つの明るい色があります。
 +
 
 +
色の名前は次のとおりです。
 +
*<code style="color: #bb0000;">LV_PALETTE_RED</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_PINK</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_PURPLE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_DEEP_PURPLE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_INDIGO</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_BLUE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_LIGHT_BLUE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_CYAN</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_TEAL</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_GREEN</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_LIGHT_GREEN</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_LIME</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_YELLOW</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_AMBER</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_ORANGE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_DEEP_ORANGE</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_BROWN</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_BLUE_GREY</code>
 +
*<code style="color: #bb0000;">LV_PALETTE_GREY</code>
 +
 
 +
 
 +
メインカラーを取得するには、<code style="color: #bb0000;">lv_color_t c = lv_palette_main(LV_PALETTE_...)</code>を使用します。
 +
 
 +
 
 +
パレットカラーの明るいバリエーションには、<code style="color: #bb0000;">lv_color_t c = lv_palette_lighten(LV_PALETTE_..., v)</code>を使用します。
 +
 
 +
 
 +
<code style="color: #bb0000;">v</code> は1..5にすることができます。
 +
 
 +
 
 +
パレットカラーの暗いバリエーションには、<code style="color: #bb0000;">lv_color_t c = lv_palette_darken(LV_PALETTE_..., v)</code>）を使用します。
 +
 
  
−
To get the main color use <code>lv_color_t c = lv_palette_main(LV_PALETTE_...)</code>.
+
<code style="color: #bb0000;">v</code> は1..4にすることができます。
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
  
−
For the lighter variants of a palette color use <code>lv_color_t c = lv_palette_lighten(LV_PALETTE_..., v)</code>. <code>v</code> can be 1..5. For the darker variants of a palette color use <code>lv_color_t c = lv_palette_darken(LV_PALETTE_..., v)</code>. <code>v</code> can be 1..4.
 
  
 
=== Modify and mix colors ===
 
=== Modify and mix colors ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
The following functions can modify a color:
 
The following functions can modify a color:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  // Lighten a color. 0: no change, 255: white
 
  // Lighten a color. 0: no change, 255: white
 
  lv_color_t c = lv_color_lighten(c, lvl);
 
  lv_color_t c = lv_color_lighten(c, lvl);
75行目: 218行目:
 
  // Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2
 
  // Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2
 
  lv_color_t c = lv_color_mix(c1, c2, ratio);
 
  lv_color_t c = lv_color_mix(c1, c2, ratio);
 +
</syntaxhighlight>
 +
|次の関数で色を変更できます。
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 +
// Lighten a color. 0: no change, 255: white
 +
lv_color_t c = lv_color_lighten(c, lvl);
 +
 +
// Darken a color. 0: no change, 255: black
 +
lv_color_t c = lv_color_darken(lv_color_t c, lv_opa_t lvl);
 +
 +
// Lighten or darken a color. 0: black, 128: no change 255: white
 +
lv_color_t c = lv_color_change_lightness(lv_color_t c, lv_opa_t lvl);
 +
 +
 +
// Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2
 +
lv_color_t c = lv_color_mix(c1, c2, ratio);
 +
</syntaxhighlight>
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
 +
  
 
=== Built-in colors ===
 
=== Built-in colors ===
−
<code>lv_color_white()</code> and <code>lv_color_black()</code> return <code>0xFFFFFF</code> and <code>0x000000</code> respectively.
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 +
<code style="color: #bb0000;">lv_color_white()</code> and <code style="color: #bb0000;">lv_color_black()</code> return <code style="color: #bb0000;">0xFFFFFF</code> and <code style="color: #bb0000;">0x000000</code> respectively.
 +
|<code style="color: #bb0000;">lv_color_white()</code> と <code style="color: #bb0000;">lv_color_black()</code> は、それぞれ <code style="color: #bb0000;">0xFFFFFF</code> と <code style="color: #bb0000;">0x000000</code> を返します。
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
 +
 
  
 
== Opacity ==
 
== Opacity ==
−
To describe opacity the <code>lv_opa_t</code> type is created from <code>uint8_t</code>. Some special purpose defines are also introduced:
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 +
To describe opacity the <code style="color: #bb0000;">lv_opa_t</code> type is created from <code style="color: #bb0000;">uint8_t</code>.  
  
−
* <code>LV_OPA_TRANSP</code> Value: 0, means no opacity making the color completely transparent
+
Some special purpose defines are also introduced:
−
* <code>LV_OPA_10</code> Value: 25, means the color covers only a little
+
 
−
* <code>LV_OPA_20 ... OPA_80</code> follow logically
+
* <code style="color: #bb0000;">LV_OPA_TRANSP</code> Value: 0, means no opacity making the color completely transparent
−
* <code>LV_OPA_90</code> Value: 229, means the color near completely covers
+
* <code style="color: #bb0000;">LV_OPA_10</code> Value: 25, means the color covers only a little
−
* <code>LV_OPA_COVER</code> Value: 255, means the color completely covers (full opacity)
+
* <code style="color: #bb0000;">LV_OPA_20 ... OPA_80</code> follow logically
 +
* <code style="color: #bb0000;">LV_OPA_90</code> Value: 229, means the color near completely covers
 +
* <code style="color: #bb0000;">LV_OPA_COVER</code> Value: 255, means the color completely covers (full opacity)
 +
 
 +
You can also use the <code style="color: #bb0000;">LV_OPA_*</code> defines in <code style="color: #bb0000;">lv_color_mix()</code> as a mixing ''ratio''.
 +
|不透明度を説明するために、<code style="color: #bb0000;">lv_opa_t</code>タイプは<code style="color: #bb0000;">uint8_t</code>から作成されます。
 +
 
 +
いくつかの特別な目的の定義も導入されています。
 +
*<code style="color: #bb0000;">LV_OPA_TRANSP</code> Value: 0, 不透明度なしを意味し、色は完全に透明になります。
 +
*<code style="color: #bb0000;">LV_OPA_10</code> Value: 25, 色が少ししか隠れないことを意味する。
 +
*<code style="color: #bb0000;">LV_OPA_20 ... OPA_80</code> 論理的に続く
 +
*<code style="color: #bb0000;">LV_OPA_90</code> Value: 229, 完全に近い色であることを意味する。
 +
*<code style="color: #bb0000;">LV_OPA_COVER</code> Value: 255, 色が完全に隠れる（完全な不透明度）ことを意味します。
 +
 
 +
 
 +
混合比として<code style="color: #bb0000;">lv_color_mix()</code>と定義されている<code style="color: #bb0000;">LV_OPA_*</code>を使用することもできます。
 +
 
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
  
−
You can also use the <code>LV_OPA_*</code> defines in <code>lv_color_mix()</code> as a mixing ''ratio''.
 
  
 
== Color types ==
 
== Color types ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
The following variable types are defined by the color module:
 
The following variable types are defined by the color module:
  
−
* <code>lv_color1_t</code> Monochrome color. Also has R, G, B fields for compatibility but they are always the same value (1 byte)
+
* <code style="color: #bb0000;">lv_color1_t</code> Monochrome color. Also has R, G, B fields for compatibility but they are always the same value (1 byte)
−
* <code>lv_color8_t</code> A structure to store R (3 bit),G (3 bit),B (2 bit) components for 8-bit colors (1 byte)
+
* <code style="color: #bb0000;">lv_color8_t</code> A structure to store R (3 bit),G (3 bit),B (2 bit) components for 8-bit colors (1 byte)
−
* <code>lv_color16_t</code> A structure to store R (5 bit),G (6 bit),B (5 bit) components for 16-bit colors (2 byte)
+
* <code style="color: #bb0000;">lv_color16_t</code> A structure to store R (5 bit),G (6 bit),B (5 bit) components for 16-bit colors (2 byte)
−
* <code>lv_color32_t</code> A structure to store R (8 bit),G (8 bit), B (8 bit) components for 24-bit colors (4 byte)
+
* <code style="color: #bb0000;">lv_color32_t</code> A structure to store R (8 bit),G (8 bit), B (8 bit) components for 24-bit colors (4 byte)
−
* <code>lv_color_t</code> Equal to <code>lv_color1/8/16/24_t</code> depending on the configured color depth setting
+
* <code style="color: #bb0000;">lv_color_t</code> Equal to <code style="color: #bb0000;">lv_color1/8/16/24_t</code> depending on the configured color depth setting
−
* <code>lv_color_int_t</code> <code>uint8_t</code>, <code>uint16_t</code> or <code>uint32_t</code> depending on the color depth setting. Used to build color arrays from plain numbers.
+
* <code style="color: #bb0000;">lv_color_int_t</code> <code style="color: #bb0000;">uint8_t</code>, <code style="color: #bb0000;">uint16_t</code> or <code style="color: #bb0000;">uint32_t</code> depending on the color depth setting. Used to build color arrays from plain numbers.
−
* <code>lv_opa_t</code> A simple <code>uint8_t</code> type to describe opacity.
+
* <code style="color: #bb0000;">lv_opa_t</code> A simple <code style="color: #bb0000;">uint8_t</code> type to describe opacity.
 +
 
 +
The <code style="color: #bb0000;">lv_color_t</code>, <code style="color: #bb0000;">lv_color1_t</code>, <code style="color: #bb0000;">lv_color8_t</code>, <code style="color: #bb0000;">lv_color16_t</code> and <code style="color: #bb0000;">lv_color32_t</code> types have four fields:
 +
 
 +
* <code style="color: #bb0000;">ch.red</code> red channel
 +
* <code style="color: #bb0000;">ch.green</code> green channel
 +
* <code style="color: #bb0000;">ch.blue</code> blue channel
 +
* <code style="color: #bb0000;">full*</code> red + green + blue as one number
 +
 
 +
 
 +
You can set the current color depth in ''lv_conf.h'', by setting the <code style="color: #bb0000;">LV_COLOR_DEPTH</code> define to 1 (monochrome), 8, 16 or 32.
 +
|カラーモジュールでは以下の変数型が定義されている。
 +
 
 +
*<code style="color: #bb0000;">lv_color1_t</code> モノクロの色。互換性のためにR, G, Bフィールドも持つが、常に同じ値（1バイト）である。
 +
*<code style="color: #bb0000;">lv_color8_t</code> 8 ビットカラーの R(3 bit),G(3 bit),B(2 bit) 成分を格納する構造体(1 byte)。
 +
*<code style="color: #bb0000;">lv_color16_t</code> 16 ビット色用の R(5 ビット),G(6 ビット),B(5 ビット)成分を格納する構造体(2 バイト)
 +
*<code style="color: #bb0000;">lv_color32_t</code> 24 ビット色用の R(8 ビット),G(8 ビット),B(8 ビット) 成分を格納する構造体(4 バイト)。
 +
*<code style="color: #bb0000;">lv_color_t</code> 色深度の設定に応じて <code style="color: #bb0000;">lv_color1/8/16/24_t</code> に等しくなる。
 +
*<code style="color: #bb0000;">lv_color_int_t</code> <code style="color: #bb0000;">uint8_t</code>, <code style="color: #bb0000;">uint16_t</code> or <code style="color: #bb0000;">uint32_t</code> （色深度設定に依存）。プレーンな数値から色配列を構築するために使用される。
 +
*<code style="color: #bb0000;">lv_opa_t</code> 不透明度を表すためのシンプルな <code style="color: #bb0000;">uint8_t</code>型。
  
−
The <code>lv_color_t</code>, <code>lv_color1_t</code>, <code>lv_color8_t</code>, <code>lv_color16_t</code> and <code>lv_color32_t</code> types have four fields:
+
<code style="color: #bb0000;">lv_color_t</code>, <code style="color: #bb0000;">lv_color1_t</code>, <code style="color: #bb0000;">lv_color8_t</code>, <code style="color: #bb0000;">lv_color16_t</code> , <code style="color: #bb0000;">lv_color32_t</code> 型は、4つのフィールドを持ちます。
  
−
* <code>ch.red</code> red channel
+
*<code style="color: #bb0000;">ch.red</code> 赤チャンネル
−
* <code>ch.green</code> green channel
+
*<code style="color: #bb0000;">ch.green</code> 緑チャンネル
−
* <code>ch.blue</code> blue channel
+
*<code style="color: #bb0000;">ch.blue</code> 青チャンネル
−
* <code>full*</code> red + green + blue as one number
+
*<code style="color: #bb0000;">full*</code> 赤＋緑＋青を1つの数値で表す。
 +
 
 +
 
 +
<code style="color: #bb0000;">LV_COLOR_DEPTH</code> 定義に1（白黒）、8、16、32を設定することで、lv_conf.hで現在の色深度を設定することができます。
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
  
−
You can set the current color depth in ''lv_conf.h'', by setting the <code>LV_COLOR_DEPTH</code> define to 1 (monochrome), 8, 16 or 32.
 
  
 
=== Convert color ===
 
=== Convert color ===
−
You can convert a color from the current color depth to another. The converter functions return with a number, so you have to use the <code>full</code> field to map a converted color back into a structure:
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 +
You can convert a color from the current color depth to another.  
 +
 
 +
The converter functions return with a number, so you have to use the <code style="color: #bb0000;">full</code> field to map a converted color back into a structure:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_color_t c;
 
  lv_color_t c;
 
  c.red  = 0x38;
 
  c.red  = 0x38;
128行目: 357行目:
 
  lv_color32_t c24;
 
  lv_color32_t c24;
 
  c32.full = lv_color_to32(c); /*Give a 32 bit number with the converted color*/
 
  c32.full = lv_color_to32(c); /*Give a 32 bit number with the converted color*/
 +
</syntaxhighlight>
 +
|You can convert a color from the current color depth to another.
 +
 +
The converter functions return with a number, so you have to use the field to map a converted color back into a structure:
 +
 +
現在の色深度から別の色に変換することができます。
 +
 +
変換関数は数値で返すので、変換された色を構造体にマッピングして戻すには、<code style="color: #bb0000;">full</code> フィールドを使用する必要があります。<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 +
lv_color_t c;
 +
c.red  = 0x38;
 +
c.green = 0x70;
 +
c.blue  = 0xCC;
 +
 +
lv_color1_t c1;
 +
c1.full = lv_color_to1(c); /*Return 1 for light colors, 0 for dark colors*/
 +
 +
lv_color8_t c8;
 +
c8.full = lv_color_to8(c); /*Give a 8 bit number with the converted color*/
 +
 +
lv_color16_t c16;
 +
c16.full = lv_color_to16(c); /*Give a 16 bit number with the converted color*/
 +
 +
lv_color32_t c24;
 +
c32.full = lv_color_to32(c); /*Give a 32 bit number with the converted color*/
 +
</syntaxhighlight>
 +
|}
 +
:[[App:Library:LVGL:docs:Overview#Colors|戻る : Previous]]
 +
  
 
== API ==
 
== API ==
−
Typedefs
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 +
'''Typedefs'''
  
−
; <span id="_CPPv320lv_color_filter_cb_t"></span><span id="_CPPv220lv_color_filter_cb_t"></span><span id="lv_color_filter_cb_t"></span><span id="lv__color_8h_1a841724e0434bd4cb4d8f82e7339d07c8" class="target"></span>typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv420lv_color_filter_cb_t] <span id="_CPPv320lv_color_filter_cb_t"></span><span id="_CPPv220lv_color_filter_cb_t"></span><span id="lv_color_filter_cb_t"></span><span id="lv__color_8h_1a841724e0434bd4cb4d8f82e7339d07c8" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t) </span>
 
:
 
:
  
−
; <span id="_CPPv321lv_color_filter_dsc_t"></span><span id="_CPPv221lv_color_filter_dsc_t"></span><span id="lv_color_filter_dsc_t"></span><span id="lv__color_8h_1ada4c995e27d92e07b48d406a4510d2cb" class="target"></span>typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv421lv_color_filter_dsc_t] <span id="_CPPv321lv_color_filter_dsc_t"></span><span id="_CPPv221lv_color_filter_dsc_t"></span><span id="lv_color_filter_dsc_t"></span><span id="lv__color_8h_1ada4c995e27d92e07b48d406a4510d2cb" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t </span>
 
:
 
:
  
−
Enums
+
'''Enums'''
  
−
; <span id="_CPPv3Ut2_50"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39" class="target"></span>enum [anonymou[https://docs.lvgl.io/8.2/overview/color.html#_CPPv420lv_color_filter_cb_t]s][https://docs.lvgl.io/8.2/overview/color.html#_CPPv4Ut2_50] <span id="_CPPv3Ut2_50"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
−
: Opacity perc[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4Ut2_50]entages.[https://docs.lvgl.io/8.2/overview/color.html#_CPPv421lv_color_filter_dsc_t] ''Values:''
+
: Opacity percentages.  '''''Values''':''
−
:; <span id="_CPPv3NUt2_5013LV_OPA_TRANSPE"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ac5670b24820d02ac0fe11ff8a1ad00c0" class="target"></span>enumerator LV_OPA_TRANSP[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5013LV_OPA_TRANSPE] <span id="_CPPv3NUt2_5013LV_OPA_TRANSPE"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ac5670b24820d02ac0fe11ff8a1ad00c0" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_TRANSP </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_508LV_OPA_0E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a022929d228c6de59a3bcb10e9d6373a8" class="target"></span>enumerator LV_[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5013LV_OPA_TRANSPE]OPA_0[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_508LV_OPA_0E] <span id="_CPPv3NUt2_508LV_OPA_0E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a022929d228c6de59a3bcb10e9d6373a8" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_0 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_10E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39adbd27adbfd0347f6af5030c7f533e47d" class="target"></span>enumerato[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_508LV_OPA_0E]r LV_OPA_10[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_10E] <span id="_CPPv3NUt2_509LV_OPA_10E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39adbd27adbfd0347f6af5030c7f533e47d" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_10 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_20E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39acdffbc269048ad2b6e689e311aaefea6" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_10E] LV_OPA_20[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_20E] <span id="_CPPv3NUt2_509LV_OPA_20E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39acdffbc269048ad2b6e689e311aaefea6" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_20 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_30E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a2eca983ed75d41926f0e7c9608aa2aa0" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_20E] LV_OPA_30[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_30E] <span id="_CPPv3NUt2_509LV_OPA_30E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a2eca983ed75d41926f0e7c9608aa2aa0" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_30 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_40E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a3dde339d67efb75f90331f51df49d74f" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_30E] LV_OPA_40[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_40E] <span id="_CPPv3NUt2_509LV_OPA_40E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a3dde339d67efb75f90331f51df49d74f" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_40 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_50E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a2b0db3f7dd5170beb8cdaa5e26c35200" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_40E] LV_OPA_50[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_50E] <span id="_CPPv3NUt2_509LV_OPA_50E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a2b0db3f7dd5170beb8cdaa5e26c35200" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_50 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_60E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ae506ddb8751efd6258111395b45c2cd8" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_50E] LV_OPA_60[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_60E] <span id="_CPPv3NUt2_509LV_OPA_60E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ae506ddb8751efd6258111395b45c2cd8" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_60 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_70E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a519758c4538a66db53b951157a879532" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_60E] LV_OPA_70[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_70E] <span id="_CPPv3NUt2_509LV_OPA_70E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a519758c4538a66db53b951157a879532" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_70 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_80E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39acc4a6a3a3a6c866d17da2283723bb94f" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_70E] LV_OPA_80[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_80E] <span id="_CPPv3NUt2_509LV_OPA_80E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39acc4a6a3a3a6c866d17da2283723bb94f" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_80 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_509LV_OPA_90E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ab49a9bc0c62645a617ac7d76a3be4546" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_80E] LV_OPA_90[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_90E] <span id="_CPPv3NUt2_509LV_OPA_90E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39ab49a9bc0c62645a617ac7d76a3be4546" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_90 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_5010LV_OPA_100E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a465addffd4457a5aab153657aeb9eb12" class="target"></span>enumerator[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_509LV_OPA_90E] LV_OPA_100[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5010LV_OPA_100E] <span id="_CPPv3NUt2_5010LV_OPA_100E"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a465addffd4457a5aab153657aeb9eb12" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_100 </span>
 
::
 
::
−
:; <span id="_CPPv3NUt2_5012LV_OPA_COVERE"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a13cdfbbe767edf76dc4f53389dfeca4a" class="target"></span>enumerator [https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5010LV_OPA_100E]LV_OPA_COVER[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5012LV_OPA_COVERE] <span id="_CPPv3NUt2_5012LV_OPA_COVERE"></span><span id="lv__color_8h_1afb730582952b7ceec73d7dc9bf7bef39a13cdfbbe767edf76dc4f53389dfeca4a" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_OPA_COVER </span>
 
::
 
::
  
−
; <span id="_CPPv312lv_palette_t"></span><span id="_CPPv212lv_palette_t"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9c" class="target"></span>enum lv_pal[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4NUt2_5012LV_OPA_COVERE]ette_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_palette_t] <span id="_CPPv312lv_palette_t"></span><span id="_CPPv212lv_palette_t"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9c" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum lv_palette_t </span>
−
: ''Values:''
+
: '''''Values''':''
−
:; <span id="_CPPv3N12lv_palette_t14LV_PALETTE_REDE"></span><span id="_CPPv2N12lv_palette_t14LV_PALETTE_REDE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca8999c470e63be2ac021fde7d612ef9b5" class="target"></span>en[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_palette_t]umerator LV_PALETTE_RED[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t14LV_PALETTE_REDE] <span id="_CPPv3N12lv_palette_t14LV_PALETTE_REDE"></span><span id="_CPPv2N12lv_palette_t14LV_PALETTE_REDE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca8999c470e63be2ac021fde7d612ef9b5" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_RED </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_PINKE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_PINKE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca41b1bded24d267261e59e0d2b4b1d873" class="target"></span>enumerator LV_P[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t14LV_PALETTE_REDE]ALETTE_PINK[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_PINKE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_PINKE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_PINKE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca41b1bded24d267261e59e0d2b4b1d873" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_PINK </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t17LV_PALETTE_PURPLEE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_PURPLEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca11dfd17b2dfbd1f68b2a75925d9cf93e" class="target"></span>enumerator LV_PA[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_PINKE]LETTE_PURPLE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_PURPLEE] <span id="_CPPv3N12lv_palette_t17LV_PALETTE_PURPLEE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_PURPLEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca11dfd17b2dfbd1f68b2a75925d9cf93e" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_PURPLE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca184d2f79486ea1fcad2205e413f09aef" class="target"></span>enumerator LV_PALE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_PURPLEE]TTE_DEEP_PURPLE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE] <span id="_CPPv3N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca184d2f79486ea1fcad2205e413f09aef" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_PURPLE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t17LV_PALETTE_INDIGOE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_INDIGOE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca841d02d7e8842c7d7cf0a6452c895e95" class="target"></span>enumerator LV_PALETTE_I[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_DEEP_PURPLEE]NDIGO[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_INDIGOE] <span id="_CPPv3N12lv_palette_t17LV_PALETTE_INDIGOE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_INDIGOE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca841d02d7e8842c7d7cf0a6452c895e95" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_INDIGO </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_BLUEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_BLUEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca601ab72e0f389201d8a7f0a50dc0bbc2" class="target"></span>enumerator LV_PALE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_INDIGOE]TTE_BLUE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_BLUEE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_BLUEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_BLUEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca601ab72e0f389201d8a7f0a50dc0bbc2" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE"></span><span id="_CPPv2N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca73aa5c1a6d58e789bb82ebb77317fafb" class="target"></span>enumerator LV_PA[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_BLUEE]LETTE_LIGHT_BLUE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE] <span id="_CPPv3N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE"></span><span id="_CPPv2N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca73aa5c1a6d58e789bb82ebb77317fafb" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_BLUE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_CYANE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_CYANE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cab67b36f1f5efba59254119c6801afb6b" class="target"></span>enumerator LV_PALETTE_[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t21LV_PALETTE_LIGHT_BLUEE]CYAN[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_CYANE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_CYANE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_CYANE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cab67b36f1f5efba59254119c6801afb6b" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_CYAN </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_TEALE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_TEALE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca9ed0677c8db81cd113dca283e09d1954" class="target"></span>enumerator LV_PA[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_CYANE]LETTE_TEAL[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_TEALE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_TEALE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_TEALE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca9ed0677c8db81cd113dca283e09d1954" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_TEAL </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t16LV_PALETTE_GREENE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_GREENE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca799cf9fdb9eacdbeb56b0562ace15d3b" class="target"></span>enumerator LV_PA[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_TEALE]LETTE_GREEN[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_GREENE] <span id="_CPPv3N12lv_palette_t16LV_PALETTE_GREENE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_GREENE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca799cf9fdb9eacdbeb56b0562ace15d3b" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREEN </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t22LV_PALETTE_LIGHT_GREENE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_LIGHT_GREENE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cacf2ad3cd0d38578ef05e0677f0507ce0" class="target"></span>enumerator LV_PAL[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_GREENE]ETTE_LIGHT_GREEN[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_LIGHT_GREENE] <span id="_CPPv3N12lv_palette_t22LV_PALETTE_LIGHT_GREENE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_LIGHT_GREENE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cacf2ad3cd0d38578ef05e0677f0507ce0" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_GREEN </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_LIMEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_LIMEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cabccea0f2d8de8cdb60cb5783af80808a" class="target"></span>enumerator LV_PALETTE_L[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_LIGHT_GREENE]IME[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_LIMEE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_LIMEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_LIMEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cabccea0f2d8de8cdb60cb5783af80808a" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIME </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t17LV_PALETTE_YELLOWE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_YELLOWE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cab0781e5dcc61d9eaf3cd023d3a01d90f" class="target"></span>enumerator LV_PA[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_LIMEE]LETTE_YELLOW[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_YELLOWE] <span id="_CPPv3N12lv_palette_t17LV_PALETTE_YELLOWE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_YELLOWE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cab0781e5dcc61d9eaf3cd023d3a01d90f" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_YELLOW </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t16LV_PALETTE_AMBERE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_AMBERE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caabf5c0fe046db263d80f524705a0ae61" class="target"></span>enumerator LV_PALE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_YELLOWE]TTE_AMBER[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_AMBERE] <span id="_CPPv3N12lv_palette_t16LV_PALETTE_AMBERE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_AMBERE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caabf5c0fe046db263d80f524705a0ae61" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_AMBER </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t17LV_PALETTE_ORANGEE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_ORANGEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca2ba28e943633efd7f9fabf279e189732" class="target"></span>enumerator LV_PAL[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_AMBERE]ETTE_ORANGE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_ORANGEE] <span id="_CPPv3N12lv_palette_t17LV_PALETTE_ORANGEE"></span><span id="_CPPv2N12lv_palette_t17LV_PALETTE_ORANGEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca2ba28e943633efd7f9fabf279e189732" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_ORANGE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caa5698a59b593e97cf74c836f4b6413d0" class="target"></span>enumerator LV_PALE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t17LV_PALETTE_ORANGEE]TTE_DEEP_ORANGE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE] <span id="_CPPv3N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE"></span><span id="_CPPv2N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caa5698a59b593e97cf74c836f4b6413d0" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_ORANGE </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t16LV_PALETTE_BROWNE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_BROWNE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca7530b489d7870e4597b09d9c07d628b4" class="target"></span>enumerator LV_PALETTE_B[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t22LV_PALETTE_DEEP_ORANGEE]ROWN[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_BROWNE] <span id="_CPPv3N12lv_palette_t16LV_PALETTE_BROWNE"></span><span id="_CPPv2N12lv_palette_t16LV_PALETTE_BROWNE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca7530b489d7870e4597b09d9c07d628b4" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_BROWN </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t20LV_PALETTE_BLUE_GREYE"></span><span id="_CPPv2N12lv_palette_t20LV_PALETTE_BLUE_GREYE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cafe7b69bbede212bc4a0adab3def5e0a9" class="target"></span>enumerator LV_PAL[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16LV_PALETTE_BROWNE]ETTE_BLUE_GREY[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t20LV_PALETTE_BLUE_GREYE] <span id="_CPPv3N12lv_palette_t20LV_PALETTE_BLUE_GREYE"></span><span id="_CPPv2N12lv_palette_t20LV_PALETTE_BLUE_GREYE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9cafe7b69bbede212bc4a0adab3def5e0a9" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE_GREY </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_GREYE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_GREYE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caffdd132d4990d4a81fd60ead14b5600e" class="target"></span>enumerator LV_PALETTE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t20LV_PALETTE_BLUE_GREYE]_GREY[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_GREYE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_GREYE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_GREYE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9caffdd132d4990d4a81fd60ead14b5600e" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREY </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t16_LV_PALETTE_LASTE"></span><span id="_CPPv2N12lv_palette_t16_LV_PALETTE_LASTE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca26d732f1007914518d1f3549d9a7bbda" class="target"></span>enumerator _LV_P[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_GREYE]ALETTE_LAST[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16_LV_PALETTE_LASTE] <span id="_CPPv3N12lv_palette_t16_LV_PALETTE_LASTE"></span><span id="_CPPv2N12lv_palette_t16_LV_PALETTE_LASTE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca26d732f1007914518d1f3549d9a7bbda" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator _LV_PALETTE_LAST </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_palette_t15LV_PALETTE_NONEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_NONEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca353bb30abd2f75566edcee19d76e7146" class="target"></span>enumerator LV_PAL[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t16_LV_PALETTE_LASTE]ETTE_NONE[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_NONEE] <span id="_CPPv3N12lv_palette_t15LV_PALETTE_NONEE"></span><span id="_CPPv2N12lv_palette_t15LV_PALETTE_NONEE"></span><span id="lv__color_8h_1ab9eb65d3f0938343eac9418471bd0d9ca353bb30abd2f75566edcee19d76e7146" class="target"></span>
+
: <span style="background-color: #eeeeee;">enumerator LV_PALETTE_NONE </span>
 
::
 
::
  
−
Functions
+
'''Functions'''
  
−
; <span id="_CPPv319LV_EXPORT_CONST_INT14LV_COLOR_DEPTH"></span><span id="_CPPv219LV_EXPORT_CONST_INT14LV_COLOR_DEPTH"></span><span id="LV_EXPORT_CONST_INT__LV_COLOR_DEPTH"></span><span id="lv__color_8h_1aae4fa6ac21c505e6aee2fd8d1f574411" class="target"></span>LV_[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_palette_t15LV_PALETTE_NONEE]EXPORT_CONST_INT(LV_COLOR_DEPTH)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419LV_EXPORT_CONST_INT14LV_COLOR_DEPTH] <span id="_CPPv319LV_EXPORT_CONST_INT14LV_COLOR_DEPTH"></span><span id="_CPPv219LV_EXPORT_CONST_INT14LV_COLOR_DEPTH"></span><span id="LV_EXPORT_CONST_INT__LV_COLOR_DEPTH"></span><span id="lv__color_8h_1aae4fa6ac21c505e6aee2fd8d1f574411" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_DEPTH) </span>
 
:
 
:
  
−
; <span id="_CPPv319LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP"></span><span id="_CPPv219LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP"></span><span id="LV_EXPORT_CONST_INT__LV_COLOR_16_SWAP"></span><span id="lv__color_8h_1a932b3ecb940259e933646957d54fa5aa" class="target"></span>LV_EXPORT_CONST_INT(LV_CO[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419LV_EXPORT_CONST_INT14LV_COLOR_DEPTH]LOR_16_SWAP)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP] <span id="_CPPv319LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP"></span><span id="_CPPv219LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP"></span><span id="LV_EXPORT_CONST_INT__LV_COLOR_16_SWAP"></span><span id="lv__color_8h_1a932b3ecb940259e933646957d54fa5aa" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP) </span>
 
:
 
:
  
−
; <span id="lv__color_8h_1abe4457aa99ff3ce18f3bc1d3909b321a" class="target"></span>typedef LV_CONCAT3 (uint, L[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419LV_EXPORT_CONST_INT16LV_COLOR_16_SWAP]V_COLOR_SIZE, _t) lv_color_int_t
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t</span>
 
:
 
:
  
−
; <span id="lv__color_8h_1a08f61c8ce07684eb068dccbca172463d" class="target"></span>typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t</span>
 
:
 
:
  
−
; <span id="_CPPv312lv_color_to110lv_color_t"></span><span id="_CPPv212lv_color_to110lv_color_t"></span><span id="lv_color_to1__lv_color_t"></span><span id="lv__color_8h_1a3dc371907bc679c4bce07a44d87c761f" class="target"></span>static inline uint8_t lv_color_to1(lv_color_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_to110lv_color_t] <span id="_CPPv312lv_color_to110lv_color_t"></span><span id="_CPPv212lv_color_to110lv_color_t"></span><span id="lv_color_to1__lv_color_t"></span><span id="lv__color_8h_1a3dc371907bc679c4bce07a44d87c761f" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to1(lv_color_t color) </span>
 
:
 
:
  
−
; <span id="_CPPv312lv_color_to810lv_color_t"></span><span id="_CPPv212lv_color_to810lv_color_t"></span><span id="lv_color_to8__lv_color_t"></span><span id="lv__color_8h_1a0e7df29d07614b7305a6018132ef5851" class="target"></span>static inline uint8_t lv_color_to8(lv_colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_to110lv_color_t]r_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_to810lv_color_t] <span id="_CPPv312lv_color_to810lv_color_t"></span><span id="_CPPv212lv_color_to810lv_color_t"></span><span id="lv_color_to8__lv_color_t"></span><span id="lv__color_8h_1a0e7df29d07614b7305a6018132ef5851" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to8(lv_color_t color) </span>
 
:
 
:
  
−
; <span id="_CPPv313lv_color_to1610lv_color_t"></span><span id="_CPPv213lv_color_to1610lv_color_t"></span><span id="lv_color_to16__lv_color_t"></span><span id="lv__color_8h_1a619d57100421e08ed853e87182c74d82" class="target"></span>static inline uint16_t lv_color_to16(lv_co[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_to810lv_color_t]lor_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_to1610lv_color_t] <span id="_CPPv313lv_color_to1610lv_color_t"></span><span id="_CPPv213lv_color_to1610lv_color_t"></span><span id="lv_color_to16__lv_color_t"></span><span id="lv__color_8h_1a619d57100421e08ed853e87182c74d82" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint16_t lv_color_to16(lv_color_t color) </span>
 
:
 
:
  
−
; <span id="_CPPv313lv_color_to3210lv_color_t"></span><span id="_CPPv213lv_color_to3210lv_color_t"></span><span id="lv_color_to32__lv_color_t"></span><span id="lv__color_8h_1a79bbd79f0e137b14dadcdcfe3ce8e85f" class="target"></span>static inline uint32_t lv_color_to32(lv_colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_to1610lv_color_t]r_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_to3210lv_color_t] <span id="_CPPv313lv_color_to3210lv_color_t"></span><span id="_CPPv213lv_color_to3210lv_color_t"></span><span id="lv_color_to32__lv_color_t"></span><span id="lv__color_8h_1a79bbd79f0e137b14dadcdcfe3ce8e85f" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint32_t lv_color_to32(lv_color_t color) </span>
 
:
 
:
  
−
; <span id="_CPPv319lv_color_brightness10lv_color_t"></span><span id="_CPPv219lv_color_brightness10lv_color_t"></span><span id="lv_color_brightness__lv_color_t"></span><span id="lv__color_8h_1ac8f5127fc2dda77756f091048e8798fa" class="target"></span>static inline uint8_t lv_color_brightness(lv[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_to3210lv_color_t]_color_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_brightness10lv_color_t] <span id="_CPPv319lv_color_brightness10lv_color_t"></span><span id="_CPPv219lv_color_brightness10lv_color_t"></span><span id="lv_color_brightness__lv_color_t"></span><span id="lv__color_8h_1ac8f5127fc2dda77756f091048e8798fa" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_brightness(lv_color_t color) </span>
 
: Get the brightness of a color
 
: Get the brightness of a color
−
:; Parameters
+
: '''Parameters'''
−
:: color --[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_brightness10lv_color_t] a color
+
:: '''color''' -- a color
−
:; Returns
+
: '''Returns'''
 
:: the brightness [0..255]
 
:: the brightness [0..255]
  
−
; <span id="_CPPv313lv_color_make7uint8_t7uint8_t7uint8_t"></span><span id="_CPPv213lv_color_make7uint8_t7uint8_t7uint8_t"></span><span id="lv_color_make__uint8_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1ad3654d38dfa4ef3b04c9312f582815e9" class="target"></span>static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_make7uint8_t7uint8_t7uint8_t] <span id="_CPPv313lv_color_make7uint8_t7uint8_t7uint8_t"></span><span id="_CPPv213lv_color_make7uint8_t7uint8_t7uint8_t"></span><span id="lv_color_make__uint8_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1ad3654d38dfa4ef3b04c9312f582815e9" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b) </span>
 
:
 
:
  
−
; <span id="_CPPv312lv_color_hex8uint32_t"></span><span id="_CPPv212lv_color_hex8uint32_t"></span><span id="lv_color_hex__uint32_t"></span><span id="lv__color_8h_1a5d7966d9dc2b0e344d986717f70c7585" class="target"></span>static inline lv_color_t lv_color_hex(uint32_t c)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_hex8uint32_t] <span id="_CPPv312lv_color_hex8uint32_t"></span><span id="_CPPv212lv_color_hex8uint32_t"></span><span id="lv_color_hex__uint32_t"></span><span id="lv__color_8h_1a5d7966d9dc2b0e344d986717f70c7585" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex(uint32_t c) </span>
 
:
 
:
  
−
; [https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_make7uint8_t7uint8_t7uint8_t]<span id="_CPPv313lv_color_hex38uint32_t"></span><span id="_CPPv213lv_color_hex38uint32_t"></span><span id="lv_color_hex3__uint32_t"></span><span id="lv__color_8h_1a1bcd1d2a59a6e2d651eeb32391639e6e" class="target"></span>static inline lv_color_t lv_color_hex3([https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color_hex8uint32_t]uint32_t c)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_hex38uint32_t] <span id="_CPPv313lv_color_hex38uint32_t"></span><span id="_CPPv213lv_color_hex38uint32_t"></span><span id="lv_color_hex3__uint32_t"></span><span id="lv__color_8h_1a1bcd1d2a59a6e2d651eeb32391639e6e" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex3(uint32_t c) </span>
 
:
 
:
  
−
; <span id="_CPPv324lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t"></span><span id="_CPPv224lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t"></span><span id="lv_color_filter_dsc_init__lv_color_filter_dsc_tP.lv_color_filter_cb_t"></span><span id="lv__color_8h_1a5684c0ececa8df649be47c3497b4cac6" class="target"></span>static inline void lv_color_filter_dsc_i[https://docs.lvgl.io/8.2/overview/color.html#_CPPv413lv_color_hex38uint32_t]nit(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv424lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t] <span id="_CPPv324lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t"></span><span id="_CPPv224lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t"></span><span id="lv_color_filter_dsc_init__lv_color_filter_dsc_tP.lv_color_filter_cb_t"></span><span id="lv__color_8h_1a5684c0ececa8df649be47c3497b4cac6" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb) </span>
 
:
 
:
  
−
; <span id="_CPPv316lv_color_lighten10lv_color_t8lv_opa_t"></span><span id="_CPPv216lv_color_lighten10lv_color_t8lv_opa_t"></span><span id="lv_color_lighten__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1abb69f9753b72145e5c6334b418ee61f6" class="target"></span>lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv416lv_color_lighten10lv_color_t8lv_opa_t] <span id="_CPPv316lv_color_lighten10lv_color_t8lv_opa_t"></span><span id="_CPPv216lv_color_lighten10lv_color_t8lv_opa_t"></span><span id="lv_color_lighten__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1abb69f9753b72145e5c6334b418ee61f6" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl) </span>
 
:
 
:
  
−
; <span id="_CPPv315lv_color_darken10lv_color_t8lv_opa_t"></span><span id="_CPPv215lv_color_darken10lv_color_t8lv_opa_t"></span><span id="lv_color_darken__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1a210eb413016d55506d3a74d0e562cd18" class="target"></span>lv_color_t lv_color[https://docs.lvgl.io/8.2/overview/color.html#_CPPv424lv_color_filter_dsc_initP21lv_color_filter_dsc_t20lv_color_filter_cb_t]_darken(lv_color_t c, lv_o[https://docs.lvgl.io/8.2/overview/color.html#_CPPv416lv_color_lighten10lv_color_t8lv_opa_t]pa_t lvl)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_color_darken10lv_color_t8lv_opa_t] <span id="_CPPv315lv_color_darken10lv_color_t8lv_opa_t"></span><span id="_CPPv215lv_color_darken10lv_color_t8lv_opa_t"></span><span id="lv_color_darken__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1a210eb413016d55506d3a74d0e562cd18" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl) </span>
 
:
 
:
  
−
; <span id="_CPPv325lv_color_change_lightness10lv_color_t8lv_opa_t"></span><span id="_CPPv225lv_color_change_lightness10lv_color_t8lv_opa_t"></span><span id="lv_color_change_lightness__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1a1172ce6482486321aa2412584f8a4cb1" class="target"></span>lv_color_t lv_color_change_lightness(lv_colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_color_darken10lv_color_t8lv_opa_t]r_t c, lv_opa_t lvl)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv425lv_color_change_lightness10lv_color_t8lv_opa_t] <span id="_CPPv325lv_color_change_lightness10lv_color_t8lv_opa_t"></span><span id="_CPPv225lv_color_change_lightness10lv_color_t8lv_opa_t"></span><span id="lv_color_change_lightness__lv_color_t.lv_opa_t"></span><span id="lv__color_8h_1a1172ce6482486321aa2412584f8a4cb1" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl) </span>
 
:
 
:
  
−
; <span id="_CPPv319lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t"></span><span id="_CPPv219lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t"></span><span id="lv_color_hsv_to_rgb__uint16_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1a09816229b98000ba2fc7098696c2b740" class="target"></span>lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, [https://docs.lvgl.io/8.2/overview/color.html#_CPPv425lv_color_change_lightness10lv_color_t8lv_opa_t]uint8_t v)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t] <span id="_CPPv319lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t"></span><span id="_CPPv219lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t"></span><span id="lv_color_hsv_to_rgb__uint16_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1a09816229b98000ba2fc7098696c2b740" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v) </span>
 
: Convert a HSV color to RGB
 
: Convert a HSV color to RGB
−
:; Parameters
+
: '''Parameters'''
−
::* h -- hue [0..3[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_hsv_to_rgb8uint16_t7uint8_t7uint8_t]59]
+
::* '''h''' -- hue [0..359]
−
::* s -- saturation [0..100]
+
::* '''s''' -- saturation [0..100]
−
::* v -- value [0..100]
+
::* '''v''' -- value [0..100]
−
:; Returns
+
: '''Returns'''
 
:: the given RGB color in RGB (with LV_COLOR_DEPTH depth)
 
:: the given RGB color in RGB (with LV_COLOR_DEPTH depth)
  
−
; <span id="_CPPv319lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t"></span><span id="_CPPv219lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t"></span><span id="lv_color_rgb_to_hsv__uint8_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1a4d455fed0393e8a3fee3d8d5d3ea5900" class="target"></span>lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t] <span id="_CPPv319lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t"></span><span id="_CPPv219lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t"></span><span id="lv_color_rgb_to_hsv__uint8_t.uint8_t.uint8_t"></span><span id="lv__color_8h_1a4d455fed0393e8a3fee3d8d5d3ea5900" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8) </span>
 
: Convert a 32-bit RGB color to HSV
 
: Convert a 32-bit RGB color to HSV
−
:; Parameters
+
: '''Parameters'''
−
::* r8 -- 8-bit r[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_rgb_to_hsv7uint8_t7uint8_t7uint8_t]ed
+
::* '''r8''' -- 8-bit red
−
::* g8 -- 8-bit green
+
::* '''g8''' -- 8-bit green
−
::* b8 -- 8-bit blue
+
::* '''b8''' -- 8-bit blue
−
:; Returns
+
: '''Returns'''
 
:: the given RGB color in HSV
 
:: the given RGB color in HSV
  
−
; <span id="_CPPv315lv_color_to_hsv10lv_color_t"></span><span id="_CPPv215lv_color_to_hsv10lv_color_t"></span><span id="lv_color_to_hsv__lv_color_t"></span><span id="lv__color_8h_1a2afdf6490e5979aa453398c03773bf2d" class="target"></span>lv_color_hsv_t lv_color_to_hsv(lv_color_t color)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_color_to_hsv10lv_color_t] <span id="_CPPv315lv_color_to_hsv10lv_color_t"></span><span id="_CPPv215lv_color_to_hsv10lv_color_t"></span><span id="lv_color_to_hsv__lv_color_t"></span><span id="lv__color_8h_1a2afdf6490e5979aa453398c03773bf2d" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_to_hsv(lv_color_t color) </span>
 
: Convert a color to HSV
 
: Convert a color to HSV
−
:; Parameters
+
: '''Parameters'''
−
:: colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_color_to_hsv10lv_color_t]r -- color
+
:: '''color''' -- color
−
:; Returns
+
: '''Returns'''
 
:: the given color in HSV
 
:: the given color in HSV
  
−
; <span id="_CPPv319lv_color_chroma_keyv"></span><span id="_CPPv219lv_color_chroma_keyv"></span><span id="lv_color_chroma_key__void"></span><span id="lv__color_8h_1adcd4f2c83e54be3da10d3eac583ff29c" class="target"></span>static inline lv_color_t lv_color_chroma_key(void)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_chroma_keyv] <span id="_CPPv319lv_color_chroma_keyv"></span><span id="_CPPv219lv_color_chroma_keyv"></span><span id="lv_color_chroma_key__void"></span><span id="lv__color_8h_1adcd4f2c83e54be3da10d3eac583ff29c" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_chroma_key(void) </span>
−
: Just a wrapper around LV_COLOR_CHROMA_KEY beca[https://docs.lvgl.io/8.2/overview/color.html#_CPPv419lv_color_chroma_keyv]use it might be more convenient to use a function is some cases
+
: Just a wrapper around LV_COLOR_CHROMA_KEY because it might be more convenient to use a function is some cases
−
:; Returns
+
: '''Returns'''
 
:: LV_COLOR_CHROMA_KEY
 
:: LV_COLOR_CHROMA_KEY
  
−
; <span id="_CPPv315lv_palette_main12lv_palette_t"></span><span id="_CPPv215lv_palette_main12lv_palette_t"></span><span id="lv_palette_main__lv_palette_t"></span><span id="lv__color_8h_1a02d11c7e2f70e8b777901d9e403c6b34" class="target"></span>lv_color_t lv_palette_main(lv_palette_t p)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_palette_main12lv_palette_t] <span id="_CPPv315lv_palette_main12lv_palette_t"></span><span id="_CPPv215lv_palette_main12lv_palette_t"></span><span id="lv_palette_main__lv_palette_t"></span><span id="lv__color_8h_1a02d11c7e2f70e8b777901d9e403c6b34" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_main(lv_palette_t p) </span>
 
:
 
:
  
−
; <span id="_CPPv314lv_color_whitev"></span><span id="_CPPv214lv_color_whitev"></span><span id="lv_color_white__void"></span><span id="lv__color_8h_1a3e6a35895bfa2267f2cb79cc6c0a5f85" class="target"></span>static inline lv_color_t lv_colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv415lv_palette_main12lv_palette_t]r_white(void)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_whitev] <span id="_CPPv314lv_color_whitev"></span><span id="_CPPv214lv_color_whitev"></span><span id="lv_color_white__void"></span><span id="lv__color_8h_1a3e6a35895bfa2267f2cb79cc6c0a5f85" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_white(void) </span>
 
:
 
:
  
−
; <span id="_CPPv314lv_color_blackv"></span><span id="_CPPv214lv_color_blackv"></span><span id="lv_color_black__void"></span><span id="lv__color_8h_1aa14fa5ebf9a00e725aed5e488f505f82" class="target"></span>static inline lv_color_t lv_color_b[https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_whitev]lack(void)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_blackv] <span id="_CPPv314lv_color_blackv"></span><span id="_CPPv214lv_color_blackv"></span><span id="lv_color_black__void"></span><span id="lv__color_8h_1aa14fa5ebf9a00e725aed5e488f505f82" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_black(void) </span>
 
:
 
:
  
−
; <span id="_CPPv318lv_palette_lighten12lv_palette_t7uint8_t"></span><span id="_CPPv218lv_palette_lighten12lv_palette_t7uint8_t"></span><span id="lv_palette_lighten__lv_palette_t.uint8_t"></span><span id="lv__color_8h_1acf087458512c83eba0b5feacc3e26396" class="target"></span>lv_color_t lv_palette_lighten(lv_pa[https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_blackv]lette_t p, uint8_t lvl)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv418lv_palette_lighten12lv_palette_t7uint8_t] <span id="_CPPv318lv_palette_lighten12lv_palette_t7uint8_t"></span><span id="_CPPv218lv_palette_lighten12lv_palette_t7uint8_t"></span><span id="lv_palette_lighten__lv_palette_t.uint8_t"></span><span id="lv__color_8h_1acf087458512c83eba0b5feacc3e26396" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl) </span>
 
:
 
:
  
−
; <span id="_CPPv317lv_palette_darken12lv_palette_t7uint8_t"></span><span id="_CPPv217lv_palette_darken12lv_palette_t7uint8_t"></span><span id="lv_palette_darken__lv_palette_t.uint8_t"></span><span id="lv__color_8h_1a024d5d5539910f590b43b23f5908c695" class="target"></span>lv_color_t lv_palette_darken(lv_palette_t p, uin[https://docs.lvgl.io/8.2/overview/color.html#_CPPv418lv_palette_lighten12lv_palette_t7uint8_t]t8_t lvl)[https://docs.lvgl.io/8.2/overview/color.html#_CPPv417lv_palette_darken12lv_palette_t7uint8_t] <span id="_CPPv317lv_palette_darken12lv_palette_t7uint8_t"></span><span id="_CPPv217lv_palette_darken12lv_palette_t7uint8_t"></span><span id="lv_palette_darken__lv_palette_t.uint8_t"></span><span id="lv__color_8h_1a024d5d5539910f590b43b23f5908c695" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl) </span>
 
:
 
:
  
−
; <span id="_CPPv311lv_color1_t"></span><span id="_CPPv211lv_color1_t"></span><span id="unionlv__color1__t" class="target"></span>union lv_color1_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv411lv_color1_t] <span id="_CPPv311lv_color1_t"></span><span id="_CPPv211lv_color1_t"></span><span id="unionlv__color1__t" class="target"></span>
+
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color1_t </span>
−
: Public Member[https://docs.lvgl.io/8.2/overview/color.html#_CPPv411lv_color1_t]s
+
: '''Public Members'''
−
:; <span id="_CPPv3N11lv_color1_t4fullE"></span><span id="_CPPv2N11lv_color1_t4fullE"></span><span id="lv_color1_t::full__uint8_t"></span><span id="unionlv__color1__t_1ab0765bc623f863cc7d1cb39381fc3509" class="target"></span>uint8_[https://docs.lvgl.io/8.2/overview/color.html#_CPPv417lv_palette_darken12lv_palette_t7uint8_t]t full[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t4fullE] <span id="_CPPv3N11lv_color1_t4fullE"></span><span id="_CPPv2N11lv_color1_t4fullE"></span><span id="lv_color1_t::full__uint8_t"></span><span id="unionlv__color1__t_1ab0765bc623f863cc7d1cb39381fc3509" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t full </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t blue </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t green </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t red </span>
 +
::
 +
: <span style="background-color: #eeeeee;">u<nowiki>nion lv_color1_t::[anonymous] ch</nowiki> </span>
 +
::
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color8_t </span>
 +
 
 +
: '''Public Members'''
 +
: <span style="background-color: #eeeeee;">uint8_t blue </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t green </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t red </span>
 +
::
 +
: <span style="background-color: #eeeeee;">s<nowiki>truct lv_color8_t::[anonymous] ch</nowiki> </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint8_t full </span>
 +
::
 +
 
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color16_t </span>
 +
: '''Public Members'''
 +
: <span style="background-color: #eeeeee;">uint16_t blue </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint16_t green </span>
 +
::
 +
: <span style="background-color: #eeeeee;">uint16_t red </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color1_t4blueE"></span><span id="_CPPv2N11lv_color1_t4blueE"></span><span id="lv_color1_t::blue__uint8_t"></span><span id="unionlv__color1__t_1aab1e82f0cd269b6831d6245aad779664" class="target"></span>ui[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t4fullE]nt8_t blue[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t4blueE] <span id="_CPPv3N11lv_color1_t4blueE"></span><span id="_CPPv2N11lv_color1_t4blueE"></span><span id="lv_color1_t::blue__uint8_t"></span><span id="unionlv__color1__t_1aab1e82f0cd269b6831d6245aad779664" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint16_t green_h </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color1_t5greenE"></span><span id="_CPPv2N11lv_color1_t5greenE"></span><span id="lv_color1_t::green__uint8_t"></span><span id="unionlv__color1__t_1a842588a68947b7c67e7e568740982c36" class="target"></span>ui[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t4blueE]nt8_t green[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t5greenE] <span id="_CPPv3N11lv_color1_t5greenE"></span><span id="_CPPv2N11lv_color1_t5greenE"></span><span id="lv_color1_t::green__uint8_t"></span><span id="unionlv__color1__t_1a842588a68947b7c67e7e568740982c36" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint16_t green_l </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color1_t3redE"></span><span id="_CPPv2N11lv_color1_t3redE"></span><span id="lv_color1_t::red__uint8_t"></span><span id="unionlv__color1__t_1a43b5e095f8632b825693462b85b22132" class="target"></span>uin[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t5greenE]t8_t red[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t3redE] <span id="_CPPv3N11lv_color1_t3redE"></span><span id="_CPPv2N11lv_color1_t3redE"></span><span id="lv_color1_t::red__uint8_t"></span><span id="unionlv__color1__t_1a43b5e095f8632b825693462b85b22132" class="target"></span>
+
: <span style="background-color: #eeeeee;">struct<nowiki> lv_color16_t::[anonymous] ch</nowiki> </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color1_t2chE"></span><span id="_CPPv2N11lv_color1_t2chE"></span><span id="unionlv__color1__t_1ac8e08935efeaed9fc3a06f89ab145246" class="target"></span>u[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t3redE]<nowiki>nion lv_color1_t::[anonymous] ch</nowiki>[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t2chE] <span id="_CPPv3N11lv_color1_t2chE"></span><span id="_CPPv2N11lv_color1_t2chE"></span><span id="unionlv__color1__t_1ac8e08935efeaed9fc3a06f89ab145246" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint16_t full </span>
 
::
 
::
  
−
; <span id="_CPPv311lv_color8_t"></span><span id="_CPPv211lv_color8_t"></span><span id="unionlv__color8__t" class="target"></span>union lv_color8_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv411lv_color8_t] <span id="_CPPv311lv_color8_t"></span><span id="_CPPv211lv_color8_t"></span><span id="unionlv__color8__t" class="target"></span>
+
 
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color1_t2chE]
+
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color32_t </span>
−
: Public Member[https://docs.lvgl.io/8.2/overview/color.html#_CPPv411lv_color8_t]s
+
: '''Public Members'''
−
:; <span id="_CPPv3N11lv_color8_t4blueE"></span><span id="_CPPv2N11lv_color8_t4blueE"></span><span id="lv_color8_t::blue__uint8_t"></span><span id="unionlv__color8__t_1a13f6fe7fdd8d49b75e06a022146464e3" class="target"></span>uint8_t blue[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t4blueE] <span id="_CPPv3N11lv_color8_t4blueE"></span><span id="_CPPv2N11lv_color8_t4blueE"></span><span id="lv_color8_t::blue__uint8_t"></span><span id="unionlv__color8__t_1a13f6fe7fdd8d49b75e06a022146464e3" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t blue </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color8_t5greenE"></span><span id="_CPPv2N11lv_color8_t5greenE"></span><span id="lv_color8_t::green__uint8_t"></span><span id="unionlv__color8__t_1a77f8631c3f09bbf7f6d96c8415085517" class="target"></span>ui[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t4blueE]nt8_t green[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t5greenE] <span id="_CPPv3N11lv_color8_t5greenE"></span><span id="_CPPv2N11lv_color8_t5greenE"></span><span id="lv_color8_t::green__uint8_t"></span><span id="unionlv__color8__t_1a77f8631c3f09bbf7f6d96c8415085517" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t green </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color8_t3redE"></span><span id="_CPPv2N11lv_color8_t3redE"></span><span id="lv_color8_t::red__uint8_t"></span><span id="unionlv__color8__t_1abed658f0eaf8cee7278869ad88246d68" class="target"></span>uin[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t5greenE]t8_t red[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t3redE] <span id="_CPPv3N11lv_color8_t3redE"></span><span id="_CPPv2N11lv_color8_t3redE"></span><span id="lv_color8_t::red__uint8_t"></span><span id="unionlv__color8__t_1abed658f0eaf8cee7278869ad88246d68" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t red </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color8_t2chE"></span><span id="_CPPv2N11lv_color8_t2chE"></span><span id="unionlv__color8__t_1a26f9a86087c3e0bc0b3e16e5b5e2f3c6" class="target"></span>s[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t3redE]<nowiki>truct lv_color8_t::[anonymous] ch</nowiki>[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t2chE] <span id="_CPPv3N11lv_color8_t2chE"></span><span id="_CPPv2N11lv_color8_t2chE"></span><span id="unionlv__color8__t_1a26f9a86087c3e0bc0b3e16e5b5e2f3c6" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t alpha </span>
 
::
 
::
−
:; <span id="_CPPv3N11lv_color8_t4fullE"></span><span id="_CPPv2N11lv_color8_t4fullE"></span><span id="lv_color8_t::full__uint8_t"></span><span id="unionlv__color8__t_1a6f95b496bba6bb7b79d7322551219ba7" class="target"></span>uint8_t full[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t4fullE] <span id="_CPPv3N11lv_color8_t4fullE"></span><span id="_CPPv2N11lv_color8_t4fullE"></span><span id="lv_color8_t::full__uint8_t"></span><span id="unionlv__color8__t_1a6f95b496bba6bb7b79d7322551219ba7" class="target"></span>
+
: <span style="background-color: #eeeeee;">str<nowiki>uct lv_color32_t::[anonymous] ch</nowiki> </span>
 
::
 
::
 +
: <span style="background-color: #eeeeee;">uint32_t full </span>
 +
::
 +
  
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t2chE]
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_color_hsv_t </span>
−
; [https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N11lv_color8_t4fullE]<span id="_CPPv312lv_color16_t"></span><span id="_CPPv212lv_color16_t"></span><span id="unionlv__color16__t" class="target"></span>union lv_color16_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color16_t] <span id="_CPPv312lv_color16_t"></span><span id="_CPPv212lv_color16_t"></span><span id="unionlv__color16__t" class="target"></span>
+
: '''Public Members'''
−
: Public Members[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color16_t]
+
: <span style="background-color: #eeeeee;">uint16_t h </span>
−
:; <span id="_CPPv3N12lv_color16_t4blueE"></span><span id="_CPPv2N12lv_color16_t4blueE"></span><span id="lv_color16_t::blue__uint16_t"></span><span id="unionlv__color16__t_1a0c3cfa9a2070029d502140f5e23b8a46" class="target"></span>uint16_t blue[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t4blueE] <span id="_CPPv3N12lv_color16_t4blueE"></span><span id="_CPPv2N12lv_color16_t4blueE"></span><span id="lv_color16_t::blue__uint16_t"></span><span id="unionlv__color16__t_1a0c3cfa9a2070029d502140f5e23b8a46" class="target"></span>
 
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t5greenE"></span><span id="_CPPv2N12lv_color16_t5greenE"></span><span id="lv_color16_t::green__uint16_t"></span><span id="unionlv__color16__t_1a229d888dcd846712eb78010a4938d39d" class="target"></span>uin[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t4blueE]t16_t green[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t5greenE] <span id="_CPPv3N12lv_color16_t5greenE"></span><span id="_CPPv2N12lv_color16_t5greenE"></span><span id="lv_color16_t::green__uint16_t"></span><span id="unionlv__color16__t_1a229d888dcd846712eb78010a4938d39d" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t s </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t3redE"></span><span id="_CPPv2N12lv_color16_t3redE"></span><span id="lv_color16_t::red__uint16_t"></span><span id="unionlv__color16__t_1a0040e16563df0dd2d1f052e8cac9a980" class="target"></span>uint[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t5greenE]16_t red[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t3redE] <span id="_CPPv3N12lv_color16_t3redE"></span><span id="_CPPv2N12lv_color16_t3redE"></span><span id="lv_color16_t::red__uint16_t"></span><span id="unionlv__color16__t_1a0040e16563df0dd2d1f052e8cac9a980" class="target"></span>
+
: <span style="background-color: #eeeeee;">uint8_t v </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t7green_hE"></span><span id="_CPPv2N12lv_color16_t7green_hE"></span><span id="lv_color16_t::green_h__uint16_t"></span><span id="unionlv__color16__t_1a869a74b50566731059ff66cdc1146f0a" class="target"></span>ui[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t3redE]nt16_t green_h[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t7green_hE] <span id="_CPPv3N12lv_color16_t7green_hE"></span><span id="_CPPv2N12lv_color16_t7green_hE"></span><span id="lv_color16_t::green_h__uint16_t"></span><span id="unionlv__color16__t_1a869a74b50566731059ff66cdc1146f0a" class="target"></span>
+
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">struct _lv_color_filter_dsc_t </span>
 +
: '''Public Members'''
 +
: <span style="background-color: #eeeeee;">lv_color_filter_cb_t filter_cb </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t7green_lE"></span><span id="_CPPv2N12lv_color16_t7green_lE"></span><span id="lv_color16_t::green_l__uint16_t"></span><span id="unionlv__color16__t_1a645d0eca6b6ccf03e8841850df45dd1b" class="target"></span>uint16[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t7green_hE]_t green_l[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t7green_lE] <span id="_CPPv3N12lv_color16_t7green_lE"></span><span id="_CPPv2N12lv_color16_t7green_lE"></span><span id="lv_color16_t::green_l__uint16_t"></span><span id="unionlv__color16__t_1a645d0eca6b6ccf03e8841850df45dd1b" class="target"></span>
+
: <span style="background-color: #eeeeee;">void *user_data</span>
 +
|'''Typedefs'''
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t </span>
 +
:
 +
 
 +
'''Enums'''
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 +
: 不透明度のパーセンテージ。  '''''Values''':''
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_TRANSP </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_0 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_10 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_20 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_30 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_40 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_50 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_60 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_70 </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t2chE"></span><span id="_CPPv2N12lv_color16_t2chE"></span><span id="unionlv__color16__t_1a31967ab722c94b0367cb40c518442bff" class="target"></span>struct[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t7green_lE]<nowiki> lv_color16_t::[anonymous] ch</nowiki>[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t2chE] <span id="_CPPv3N12lv_color16_t2chE"></span><span id="_CPPv2N12lv_color16_t2chE"></span><span id="unionlv__color16__t_1a31967ab722c94b0367cb40c518442bff" class="target"></span>
+
:<span style="background-color: #eeeeee;">enumerator LV_OPA_80 </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color16_t4fullE"></span><span id="_CPPv2N12lv_color16_t4fullE"></span><span id="lv_color16_t::full__uint16_t"></span><span id="unionlv__color16__t_1a1ca6c661db8e7551e95792af824f6403" class="target"></span>uint16_t full[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t4fullE] <span id="_CPPv3N12lv_color16_t4fullE"></span><span id="_CPPv2N12lv_color16_t4fullE"></span><span id="lv_color16_t::full__uint16_t"></span><span id="unionlv__color16__t_1a1ca6c661db8e7551e95792af824f6403" class="target"></span>
+
:<span style="background-color: #eeeeee;">enumerator LV_OPA_90 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_100 </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_OPA_COVER </span>
 
::
 
::
  
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t2chE]
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum lv_palette_t </span>
−
; <span id="_CPPv312lv_color32_t"></span><span id="_CPPv212lv_color32_t"></span><span id="unionlv__color32__t" class="target"></span>u[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color16_t4fullE]nion lv_color32_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color32_t] <span id="_CPPv312lv_color32_t"></span><span id="_CPPv212lv_color32_t"></span><span id="unionlv__color32__t" class="target"></span>
+
:'''''Values''':''
−
: Public Members[https://docs.lvgl.io/8.2/overview/color.html#_CPPv412lv_color32_t]
+
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_RED </span>
−
:; <span id="_CPPv3N12lv_color32_t4blueE"></span><span id="_CPPv2N12lv_color32_t4blueE"></span><span id="lv_color32_t::blue__uint8_t"></span><span id="unionlv__color32__t_1a3dfb38a077f62e782d1c63350584f6bb" class="target"></span>uint8_t blue[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t4blueE] <span id="_CPPv3N12lv_color32_t4blueE"></span><span id="_CPPv2N12lv_color32_t4blueE"></span><span id="lv_color32_t::blue__uint8_t"></span><span id="unionlv__color32__t_1a3dfb38a077f62e782d1c63350584f6bb" class="target"></span>
 
 
::
 
::
−
:; <span id="_CPPv3N12lv_color32_t5greenE"></span><span id="_CPPv2N12lv_color32_t5greenE"></span><span id="lv_color32_t::green__uint8_t"></span><span id="unionlv__color32__t_1a7951b7863d314fab2ddf29df169bd483" class="target"></span>ui[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t4blueE]nt8_t green[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t5greenE] <span id="_CPPv3N12lv_color32_t5greenE"></span><span id="_CPPv2N12lv_color32_t5greenE"></span><span id="lv_color32_t::green__uint8_t"></span><span id="unionlv__color32__t_1a7951b7863d314fab2ddf29df169bd483" class="target"></span>
+
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_PINK </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_PURPLE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_PURPLE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_INDIGO </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_BLUE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_CYAN </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_TEAL </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREEN </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_GREEN </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIME </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_YELLOW </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_AMBER </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_ORANGE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_ORANGE </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BROWN </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE_GREY </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREY </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator _LV_PALETTE_LAST </span>
 +
::
 +
:<span style="background-color: #eeeeee;">enumerator LV_PALETTE_NONE </span>
 +
::
 +
 
 +
'''Functions'''
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_DEPTH) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t</span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t</span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to1(lv_color_t color) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to8(lv_color_t color) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint16_t lv_color_to16(lv_color_t color) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint32_t lv_color_to32(lv_color_t color) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_brightness(lv_color_t color) </span>
 +
: 色の明るさを取得します
 +
:'''Parameters'''
 +
::'''color''' -- 色
 +
:'''Returns'''
 +
:: 明るさ [0..255]
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex(uint32_t c) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex3(uint32_t c) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v) </span>
 +
: HSV色をRGBに変換する
 +
:'''Parameters'''
 +
::*'''h''' -- 色相(Hue)[0..359]
 +
::*'''s''' -- 彩度(Saturation・Chroma) [0..100]
 +
::*'''v''' -- 明度(Value・Brightness)[0..100]
 +
:'''Returns'''
 +
:: RGBで指定されたRGBカラー（LV_COLOR_DEPTH深度を使用）
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8) </span>
 +
: 32ビットRGBカラーをHSVに変換します
 +
:'''Parameters'''
 +
::*'''r8''' -- 8-bit red
 +
::*'''g8''' -- 8-bit green
 +
::*'''b8''' -- 8-bit blue
 +
:'''Returns'''
 +
:: HSVで指定されたRGBカラー
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_to_hsv(lv_color_t color) </span>
 +
: 色をHSVに変換する
 +
:'''Parameters'''
 +
::'''color''' -- 色
 +
:'''Returns'''
 +
:: HSVで指定された色
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_chroma_key(void) </span>
 +
: 関数を使用する方が便利な場合があるため、LV_COLOR_CHROMA_KEYのラッパーにすぎない場合があります。
 +
:'''Returns'''
 +
:: LV_COLOR_CHROMA_KEY
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_main(lv_palette_t p) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_white(void) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_black(void) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl) </span>
 +
:
 +
 
 +
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color1_t </span>
 +
:'''Public Members'''
 +
:<span style="background-color: #eeeeee;">uint8_t full </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color32_t3redE"></span><span id="_CPPv2N12lv_color32_t3redE"></span><span id="lv_color32_t::red__uint8_t"></span><span id="unionlv__color32__t_1a7e62d507ce57ce35236017591fab3224" class="target"></span>uin[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t5greenE]t8_t red[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t3redE] <span id="_CPPv3N12lv_color32_t3redE"></span><span id="_CPPv2N12lv_color32_t3redE"></span><span id="lv_color32_t::red__uint8_t"></span><span id="unionlv__color32__t_1a7e62d507ce57ce35236017591fab3224" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t blue </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color32_t5alphaE"></span><span id="_CPPv2N12lv_color32_t5alphaE"></span><span id="lv_color32_t::alpha__uint8_t"></span><span id="unionlv__color32__t_1a5519a07b8b8d309f06683f2110d0c8e0" class="target"></span>u[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t3redE]int8_t alpha[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t5alphaE] <span id="_CPPv3N12lv_color32_t5alphaE"></span><span id="_CPPv2N12lv_color32_t5alphaE"></span><span id="lv_color32_t::alpha__uint8_t"></span><span id="unionlv__color32__t_1a5519a07b8b8d309f06683f2110d0c8e0" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t green </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color32_t2chE"></span><span id="_CPPv2N12lv_color32_t2chE"></span><span id="unionlv__color32__t_1a618596b48a7a9f66de702ea3ee915ee9" class="target"></span>str[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t5alphaE]<nowiki>uct lv_color32_t::[anonymous] ch</nowiki>[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t2chE] <span id="_CPPv3N12lv_color32_t2chE"></span><span id="_CPPv2N12lv_color32_t2chE"></span><span id="unionlv__color32__t_1a618596b48a7a9f66de702ea3ee915ee9" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t red </span>
 
::
 
::
−
:; <span id="_CPPv3N12lv_color32_t4fullE"></span><span id="_CPPv2N12lv_color32_t4fullE"></span><span id="lv_color32_t::full__uint32_t"></span><span id="unionlv__color32__t_1a724212bffcd824d555e7842b4d3a88c6" class="target"></span>uint32_t full[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t4fullE] <span id="_CPPv3N12lv_color32_t4fullE"></span><span id="_CPPv2N12lv_color32_t4fullE"></span><span id="lv_color32_t::full__uint32_t"></span><span id="unionlv__color32__t_1a724212bffcd824d555e7842b4d3a88c6" class="target"></span>
+
:<span style="background-color: #eeeeee;">u<nowiki>nion lv_color1_t::[anonymous] ch</nowiki> </span>
 
::
 
::
  
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t2chE]
+
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color8_t </span>
−
; <span id="_CPPv314lv_color_hsv_t"></span><span id="_CPPv214lv_color_hsv_t"></span><span id="lv_color_hsv_t"></span><span id="structlv__color__hsv__t" class="target"></span>s[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N12lv_color32_t4fullE]truct lv_color_hsv_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_hsv_t] <span id="_CPPv314lv_color_hsv_t"></span><span id="_CPPv214lv_color_hsv_t"></span><span id="lv_color_hsv_t"></span><span id="structlv__color__hsv__t" class="target"></span>
+
 
−
: Public Members
+
:'''Public Members'''
−
:; [https://docs.lvgl.io/8.2/overview/color.html#_CPPv414lv_color_hsv_t]<span id="_CPPv3N14lv_color_hsv_t1hE"></span><span id="_CPPv2N14lv_color_hsv_t1hE"></span><span id="lv_color_hsv_t::h__uint16_t"></span><span id="structlv__color__hsv__t_1a953cf0eb0bd57da53b496b846b659a10" class="target"></span>uint16_t h[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1hE] <span id="_CPPv3N14lv_color_hsv_t1hE"></span><span id="_CPPv2N14lv_color_hsv_t1hE"></span><span id="lv_color_hsv_t::h__uint16_t"></span><span id="structlv__color__hsv__t_1a953cf0eb0bd57da53b496b846b659a10" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t blue </span>
 
::
 
::
−
:; [https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1hE]<span id="_CPPv3N14lv_color_hsv_t1sE"></span><span id="_CPPv2N14lv_color_hsv_t1sE"></span><span id="lv_color_hsv_t::s__uint8_t"></span><span id="structlv__color__hsv__t_1ad95e4cc269ea11bf20f2e56e8dd92037" class="target"></span>uint8_t s[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1sE] <span id="_CPPv3N14lv_color_hsv_t1sE"></span><span id="_CPPv2N14lv_color_hsv_t1sE"></span><span id="lv_color_hsv_t::s__uint8_t"></span><span id="structlv__color__hsv__t_1ad95e4cc269ea11bf20f2e56e8dd92037" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t green </span>
 
::
 
::
−
:; [https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1sE]<span id="_CPPv3N14lv_color_hsv_t1vE"></span><span id="_CPPv2N14lv_color_hsv_t1vE"></span><span id="lv_color_hsv_t::v__uint8_t"></span><span id="structlv__color__hsv__t_1aee68a0e7d6e57be412bc49a241cf02bf" class="target"></span>uint8_t v[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1vE] <span id="_CPPv3N14lv_color_hsv_t1vE"></span><span id="_CPPv2N14lv_color_hsv_t1vE"></span><span id="lv_color_hsv_t::v__uint8_t"></span><span id="structlv__color__hsv__t_1aee68a0e7d6e57be412bc49a241cf02bf" class="target"></span>
+
:<span style="background-color: #eeeeee;">uint8_t red </span>
 
::
 
::
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N14lv_color_hsv_t1vE]
+
:<span style="background-color: #eeeeee;">s<nowiki>truct lv_color8_t::[anonymous] ch</nowiki> </span>
−
; <span id="_CPPv322_lv_color_filter_dsc_t"></span><span id="_CPPv222_lv_color_filter_dsc_t"></span><span id="_lv_color_filter_dsc_t"></span><span id="struct__lv__color__filter__dsc__t" class="target"></span>struct _lv_color_filter_dsc_t[https://docs.lvgl.io/8.2/overview/color.html#_CPPv422_lv_color_filter_dsc_t] <span id="_CPPv322_lv_color_filter_dsc_t"></span><span id="_CPPv222_lv_color_filter_dsc_t"></span><span id="_lv_color_filter_dsc_t"></span><span id="struct__lv__color__filter__dsc__t" class="target"></span>
+
::
−
: Public Members
+
:<span style="background-color: #eeeeee;">uint8_t full </span>
−
:; <span id="_CPPv3N22_lv_color_filter_dsc_t9filter_cbE"></span><span id="_CPPv2N22_lv_color_filter_dsc_t9filter_cbE"></span><span id="_lv_color_filter_dsc_t::filter_cb__lv_color_filter_cb_t"></span><span id="struct__lv__color__filter__dsc__t_1acad72beef9d5a5863ab067d62481b6ee" class="target"></span>lv_colo[https://docs.lvgl.io/8.2/overview/color.html#_CPPv422_lv_color_filter_dsc_t]r_filter_cb_t filter_cb[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N22_lv_color_filter_dsc_t9filter_cbE] <span id="_CPPv3N22_lv_color_filter_dsc_t9filter_cbE"></span><span id="_CPPv2N22_lv_color_filter_dsc_t9filter_cbE"></span><span id="_lv_color_filter_dsc_t::filter_cb__lv_color_filter_cb_t"></span><span id="struct__lv__color__filter__dsc__t_1acad72beef9d5a5863ab067d62481b6ee" class="target"></span>
 
 
::
 
::
−
:; <span id="_CPPv3N22_lv_color_filter_dsc_t9user_dataE"></span><span id="_CPPv2N22_lv_color_filter_dsc_t9user_dataE"></span><span id="_lv_color_filter_dsc_t::user_data__voidP"></span><span id="struct__lv__color__filter__dsc__t_1a030ca869c7f4ac5b829bb6527a424faa" class="target"></span>void *user_data
 
−
[https://docs.lvgl.io/8.2/overview/color.html#_CPPv4N22_lv_color_filter_dsc_t9filter_cbE]
 
  
  
 +
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color16_t </span>
 +
:'''Public Members'''
 +
:<span style="background-color: #eeeeee;">uint16_t blue </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint16_t green </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint16_t red </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint16_t green_h </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint16_t green_l </span>
 +
::
 +
:<span style="background-color: #eeeeee;">struct<nowiki> lv_color16_t::[anonymous] ch</nowiki> </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint16_t full </span>
 +
::
  
  
 +
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_color32_t </span>
 +
:'''Public Members'''
 +
:<span style="background-color: #eeeeee;">uint8_t blue </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint8_t green </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint8_t red </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint8_t alpha </span>
 +
::
 +
:<span style="background-color: #eeeeee;">str<nowiki>uct lv_color32_t::[anonymous] ch</nowiki> </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint32_t full </span>
 +
::
  
  
 +
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_color_hsv_t </span>
 +
:'''Public Members'''
 +
:<span style="background-color: #eeeeee;">uint16_t h </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint8_t s </span>
 +
::
 +
:<span style="background-color: #eeeeee;">uint8_t v </span>
 +
::
  
 +
<span style="background-color:#e7f2fa;color:#2980b9;">struct _lv_color_filter_dsc_t </span>
 +
:'''Public Members'''
 +
:<span style="background-color: #eeeeee;">lv_color_filter_cb_t filter_cb </span>
 +
::
 +
:<span style="background-color: #eeeeee;">void *user_data</span>
 +
|}
  
  
  
−
:[[App:Library:LVGL#Overview|戻る : Previous]]
+
[[App:Library:LVGL#Overview|戻る : Previous]]

2022年7月2日 (土) 10:19時点における最新版

https://docs.lvgl.io/8.2/overview/color.html

Colors

英文 自動翻訳

The color module handles all color-related functions like changing color depth, creating colors from hex code, converting between color depths, mixing colors, etc.

The type lv_color_t is used to store a color. Its fields are set according to LV_COLOR_DEPTH in lv_conf.h. (See below)


You may set LV_COLOR_16_SWAP in lv_conf.h to swap bytes of RGB565 colors.


You may need this when sending 16-bit colors via a byte-oriented interface like SPI.

As 16-bit numbers are stored in little-endian format (lower byte at the lower address), the interface will send the lower byte first.


However, displays usually need the higher byte first.

A mismatch in the byte order will result in highly distorted colors.

カラーモジュールは、色深度の変更、16進コードからの色の作成、色深度間の変換、色の混合など、すべての色関連機能を処理します。

タイプ lv_color_t は、色を格納するために使用されます。 そのフィールドはlv_conf.hの LV_COLOR_DEPTH に従って設定されます。(下記参照)


lv_conf.hで LV_COLOR_16_SWAP 設定して、RGB565色のバイトを交換できます。


SPIのようなバイト指向のインターフェースを介して16ビットカラーを送信する場合にこれが必要になることがあります。

16ビットの数値はリトルエンディアン形式（下位アドレスの下位バイト）で格納されるため、インターフェイスは下位バイトを最初に送信します。


ただし、通常、ディスプレイには最初に上位バイトが必要です。

バイト順序の不一致は、非常に歪んだ色になります。

戻る : Previous


Creating colors

RGB

英文 自動翻訳

Create colors from Red, Green and Blue channel values: 

 //All channels are 0-255
 lv_color_t c = lv_color_make(red, green, blue);
 
 //From hex code 0x000000..0xFFFFFF interpreted as RED + GREEN + BLUE
 lv_color_t c = lv_color_hex(0x123456); 
 
 //From 3 digits. Same as lv_color_hex(0x112233)
 lv_color_t c = lv_color_hex3(0x123);
赤、緑、青のチャンネル値から色を作成します。 
 //All channels are 0-255
 lv_color_t c = lv_color_make(red, green, blue);
 
 //From hex code 0x000000..0xFFFFFF interpreted as RED + GREEN + BLUE
 lv_color_t c = lv_color_hex(0x123456); 
 
 //From 3 digits. Same as lv_color_hex(0x112233)
 lv_color_t c = lv_color_hex3(0x123);
戻る : Previous


HSV

英文 自動翻訳

Create colors from Hue, Saturation and Value values: 

 //h = 0..359, s = 0..100, v = 0..100
 lv_color_t c = lv_color_hsv_to_rgb(h, s, v);
 
 //All channels are 0-255
 lv_color_hsv_t c_hsv = lv_color_rgb_to_hsv(r, g, b);
 
 
 //From lv_color_t variable
 lv_color_hsv_t c_hsv = lv_color_to_hsv(color);
色相、彩度、値の値から色を作成します。 
 //h = 0..359, s = 0..100, v = 0..100
 lv_color_t c = lv_color_hsv_to_rgb(h, s, v);
 
 //All channels are 0-255
 lv_color_hsv_t c_hsv = lv_color_rgb_to_hsv(r, g, b);
 
 
 //From lv_color_t variable
 lv_color_hsv_t c_hsv = lv_color_to_hsv(color);
戻る : Previous


Palette

英文 自動翻訳

LVGL includes Material Design's palette of colors.

In this system all named colors have a nominal main color as well as four darker and five lighter variants.

The names of the colors are as follows:

  • LV_PALETTE_RED
  • LV_PALETTE_PINK
  • LV_PALETTE_PURPLE
  • LV_PALETTE_DEEP_PURPLE
  • LV_PALETTE_INDIGO
  • LV_PALETTE_BLUE
  • LV_PALETTE_LIGHT_BLUE
  • LV_PALETTE_CYAN
  • LV_PALETTE_TEAL
  • LV_PALETTE_GREEN
  • LV_PALETTE_LIGHT_GREEN
  • LV_PALETTE_LIME
  • LV_PALETTE_YELLOW
  • LV_PALETTE_AMBER
  • LV_PALETTE_ORANGE
  • LV_PALETTE_DEEP_ORANGE
  • LV_PALETTE_BROWN
  • LV_PALETTE_BLUE_GREY
  • LV_PALETTE_GREY

To get the main color use lv_color_t c = lv_palette_main(LV_PALETTE_...).


For the lighter variants of a palette color use lv_color_t c = lv_palette_lighten(LV_PALETTE_..., v).


v can be 1..5.


For the darker variants of a palette color use lv_color_t c = lv_palette_darken(LV_PALETTE_..., v).


v can be 1..4.

LVGLには、マテリアルデザインの色のパレットが含まれています。

このシステムでは、すべての名前の付いた色に、名目上のメインカラーと、4つの暗い色と5つの明るい色があります。

色の名前は次のとおりです。

  • LV_PALETTE_RED
  • LV_PALETTE_PINK
  • LV_PALETTE_PURPLE
  • LV_PALETTE_DEEP_PURPLE
  • LV_PALETTE_INDIGO
  • LV_PALETTE_BLUE
  • LV_PALETTE_LIGHT_BLUE
  • LV_PALETTE_CYAN
  • LV_PALETTE_TEAL
  • LV_PALETTE_GREEN
  • LV_PALETTE_LIGHT_GREEN
  • LV_PALETTE_LIME
  • LV_PALETTE_YELLOW
  • LV_PALETTE_AMBER
  • LV_PALETTE_ORANGE
  • LV_PALETTE_DEEP_ORANGE
  • LV_PALETTE_BROWN
  • LV_PALETTE_BLUE_GREY
  • LV_PALETTE_GREY


メインカラーを取得するには、lv_color_t c = lv_palette_main(LV_PALETTE_...)を使用します。


パレットカラーの明るいバリエーションには、lv_color_t c = lv_palette_lighten(LV_PALETTE_..., v)を使用します。


v は1..5にすることができます。


パレットカラーの暗いバリエーションには、lv_color_t c = lv_palette_darken(LV_PALETTE_..., v)）を使用します。


v は1..4にすることができます。

戻る : Previous


Modify and mix colors

英文 自動翻訳

The following functions can modify a color: 

 // Lighten a color. 0: no change, 255: white
 lv_color_t c = lv_color_lighten(c, lvl);
 
 // Darken a color. 0: no change, 255: black
 lv_color_t c = lv_color_darken(lv_color_t c, lv_opa_t lvl);
 
 // Lighten or darken a color. 0: black, 128: no change 255: white
 lv_color_t c = lv_color_change_lightness(lv_color_t c, lv_opa_t lvl);
 
 
 // Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2
 lv_color_t c = lv_color_mix(c1, c2, ratio);
次の関数で色を変更できます。 
 // Lighten a color. 0: no change, 255: white
 lv_color_t c = lv_color_lighten(c, lvl);
 
 // Darken a color. 0: no change, 255: black
 lv_color_t c = lv_color_darken(lv_color_t c, lv_opa_t lvl);
 
 // Lighten or darken a color. 0: black, 128: no change 255: white
 lv_color_t c = lv_color_change_lightness(lv_color_t c, lv_opa_t lvl);
 
 
 // Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2
 lv_color_t c = lv_color_mix(c1, c2, ratio);
戻る : Previous


Built-in colors

英文 自動翻訳

lv_color_white() and lv_color_black() return 0xFFFFFF and 0x000000 respectively.

lv_color_white() と lv_color_black() は、それぞれ 0xFFFFFF と 0x000000 を返します。
戻る : Previous


Opacity

英文 自動翻訳

To describe opacity the lv_opa_t type is created from uint8_t.

Some special purpose defines are also introduced:

  • LV_OPA_TRANSP Value: 0, means no opacity making the color completely transparent
  • LV_OPA_10 Value: 25, means the color covers only a little
  • LV_OPA_20 ... OPA_80 follow logically
  • LV_OPA_90 Value: 229, means the color near completely covers
  • LV_OPA_COVER Value: 255, means the color completely covers (full opacity)

You can also use the LV_OPA_* defines in lv_color_mix() as a mixing ratio.

不透明度を説明するために、lv_opa_tタイプはuint8_tから作成されます。

いくつかの特別な目的の定義も導入されています。

  • LV_OPA_TRANSP Value: 0, 不透明度なしを意味し、色は完全に透明になります。
  • LV_OPA_10 Value: 25, 色が少ししか隠れないことを意味する。
  • LV_OPA_20 ... OPA_80 論理的に続く
  • LV_OPA_90 Value: 229, 完全に近い色であることを意味する。
  • LV_OPA_COVER Value: 255, 色が完全に隠れる（完全な不透明度）ことを意味します。


混合比としてlv_color_mix()と定義されているLV_OPA_*を使用することもできます。

戻る : Previous


Color types

英文 自動翻訳

The following variable types are defined by the color module:

  • lv_color1_t Monochrome color. Also has R, G, B fields for compatibility but they are always the same value (1 byte)
  • lv_color8_t A structure to store R (3 bit),G (3 bit),B (2 bit) components for 8-bit colors (1 byte)
  • lv_color16_t A structure to store R (5 bit),G (6 bit),B (5 bit) components for 16-bit colors (2 byte)
  • lv_color32_t A structure to store R (8 bit),G (8 bit), B (8 bit) components for 24-bit colors (4 byte)
  • lv_color_t Equal to lv_color1/8/16/24_t depending on the configured color depth setting
  • lv_color_int_t uint8_t, uint16_t or uint32_t depending on the color depth setting. Used to build color arrays from plain numbers.
  • lv_opa_t A simple uint8_t type to describe opacity.

The lv_color_t, lv_color1_t, lv_color8_t, lv_color16_t and lv_color32_t types have four fields:

  • ch.red red channel
  • ch.green green channel
  • ch.blue blue channel
  • full* red + green + blue as one number


You can set the current color depth in lv_conf.h, by setting the LV_COLOR_DEPTH define to 1 (monochrome), 8, 16 or 32.

カラーモジュールでは以下の変数型が定義されている。
  • lv_color1_t モノクロの色。互換性のためにR, G, Bフィールドも持つが、常に同じ値（1バイト）である。
  • lv_color8_t 8 ビットカラーの R(3 bit),G(3 bit),B(2 bit) 成分を格納する構造体(1 byte)。
  • lv_color16_t 16 ビット色用の R(5 ビット),G(6 ビット),B(5 ビット)成分を格納する構造体(2 バイト)
  • lv_color32_t 24 ビット色用の R(8 ビット),G(8 ビット),B(8 ビット) 成分を格納する構造体(4 バイト)。
  • lv_color_t 色深度の設定に応じて lv_color1/8/16/24_t に等しくなる。
  • lv_color_int_t uint8_t, uint16_t or uint32_t （色深度設定に依存）。プレーンな数値から色配列を構築するために使用される。
  • lv_opa_t 不透明度を表すためのシンプルな uint8_t型。

lv_color_t, lv_color1_t, lv_color8_t, lv_color16_t , lv_color32_t 型は、4つのフィールドを持ちます。

  • ch.red 赤チャンネル
  • ch.green 緑チャンネル
  • ch.blue 青チャンネル
  • full* 赤＋緑＋青を1つの数値で表す。


LV_COLOR_DEPTH 定義に1（白黒）、8、16、32を設定することで、lv_conf.hで現在の色深度を設定することができます。

戻る : Previous


Convert color

英文 自動翻訳

You can convert a color from the current color depth to another.

The converter functions return with a number, so you have to use the full field to map a converted color back into a structure: 

 lv_color_t c;
 c.red   = 0x38;
 c.green = 0x70;
 c.blue  = 0xCC;
 
 lv_color1_t c1;
 c1.full = lv_color_to1(c);	/*Return 1 for light colors, 0 for dark colors*/
 
 lv_color8_t c8;
 c8.full = lv_color_to8(c);	/*Give a 8 bit number with the converted color*/
 
 lv_color16_t c16;
 c16.full = lv_color_to16(c); /*Give a 16 bit number with the converted color*/
 
 lv_color32_t c24;
 c32.full = lv_color_to32(c);	/*Give a 32 bit number with the converted color*/
You can convert a color from the current color depth to another.

The converter functions return with a number, so you have to use the field to map a converted color back into a structure:

現在の色深度から別の色に変換することができます。

変換関数は数値で返すので、変換された色を構造体にマッピングして戻すには、full フィールドを使用する必要があります。
 lv_color_t c;
 c.red   = 0x38;
 c.green = 0x70;
 c.blue  = 0xCC;
 
 lv_color1_t c1;
 c1.full = lv_color_to1(c);	/*Return 1 for light colors, 0 for dark colors*/
 
 lv_color8_t c8;
 c8.full = lv_color_to8(c);	/*Give a 8 bit number with the converted color*/
 
 lv_color16_t c16;
 c16.full = lv_color_to16(c); /*Give a 16 bit number with the converted color*/
 
 lv_color32_t c24;
 c32.full = lv_color_to32(c);	/*Give a 32 bit number with the converted color*/
戻る : Previous


API

英文 自動翻訳

Typedefs

typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t)

typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t

Enums

enum [anonymous]

Opacity percentages. Values:
enumerator LV_OPA_TRANSP
enumerator LV_OPA_0
enumerator LV_OPA_10
enumerator LV_OPA_20
enumerator LV_OPA_30
enumerator LV_OPA_40
enumerator LV_OPA_50
enumerator LV_OPA_60
enumerator LV_OPA_70
enumerator LV_OPA_80
enumerator LV_OPA_90
enumerator LV_OPA_100
enumerator LV_OPA_COVER

enum lv_palette_t

Values:
enumerator LV_PALETTE_RED
enumerator LV_PALETTE_PINK
enumerator LV_PALETTE_PURPLE
enumerator LV_PALETTE_DEEP_PURPLE
enumerator LV_PALETTE_INDIGO
enumerator LV_PALETTE_BLUE
enumerator LV_PALETTE_LIGHT_BLUE
enumerator LV_PALETTE_CYAN
enumerator LV_PALETTE_TEAL
enumerator LV_PALETTE_GREEN
enumerator LV_PALETTE_LIGHT_GREEN
enumerator LV_PALETTE_LIME
enumerator LV_PALETTE_YELLOW
enumerator LV_PALETTE_AMBER
enumerator LV_PALETTE_ORANGE
enumerator LV_PALETTE_DEEP_ORANGE
enumerator LV_PALETTE_BROWN
enumerator LV_PALETTE_BLUE_GREY
enumerator LV_PALETTE_GREY
enumerator _LV_PALETTE_LAST
enumerator LV_PALETTE_NONE

Functions

LV_EXPORT_CONST_INT(LV_COLOR_DEPTH)

LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP)

typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t

typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t

static inline uint8_t lv_color_to1(lv_color_t color)

static inline uint8_t lv_color_to8(lv_color_t color)

static inline uint16_t lv_color_to16(lv_color_t color)

static inline uint32_t lv_color_to32(lv_color_t color)

static inline uint8_t lv_color_brightness(lv_color_t color)

Get the brightness of a color
Parameters
color -- a color
Returns
the brightness [0..255]

static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b)

static inline lv_color_t lv_color_hex(uint32_t c)

static inline lv_color_t lv_color_hex3(uint32_t c)

static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb)

lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v)

Convert a HSV color to RGB
Parameters
  • h -- hue [0..359]
  • s -- saturation [0..100]
  • v -- value [0..100]
Returns
the given RGB color in RGB (with LV_COLOR_DEPTH depth)

lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8)

Convert a 32-bit RGB color to HSV
Parameters
  • r8 -- 8-bit red
  • g8 -- 8-bit green
  • b8 -- 8-bit blue
Returns
the given RGB color in HSV

lv_color_hsv_t lv_color_to_hsv(lv_color_t color)

Convert a color to HSV
Parameters
color -- color
Returns
the given color in HSV

static inline lv_color_t lv_color_chroma_key(void)

Just a wrapper around LV_COLOR_CHROMA_KEY because it might be more convenient to use a function is some cases
Returns
LV_COLOR_CHROMA_KEY

lv_color_t lv_palette_main(lv_palette_t p)

static inline lv_color_t lv_color_white(void)

static inline lv_color_t lv_color_black(void)

lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl)

lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl)

union lv_color1_t

Public Members
uint8_t full
uint8_t blue
uint8_t green
uint8_t red
union lv_color1_t::[anonymous] ch

union lv_color8_t

Public Members
uint8_t blue
uint8_t green
uint8_t red
struct lv_color8_t::[anonymous] ch
uint8_t full


union lv_color16_t

Public Members
uint16_t blue
uint16_t green
uint16_t red
uint16_t green_h
uint16_t green_l
struct lv_color16_t::[anonymous] ch
uint16_t full


union lv_color32_t

Public Members
uint8_t blue
uint8_t green
uint8_t red
uint8_t alpha
struct lv_color32_t::[anonymous] ch
uint32_t full


struct lv_color_hsv_t

Public Members
uint16_t h
uint8_t s
uint8_t v

struct _lv_color_filter_dsc_t

Public Members
lv_color_filter_cb_t filter_cb
void *user_data
 Typedefs

typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t)

typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t

Enums

enum [anonymous]

不透明度のパーセンテージ。 Values:
enumerator LV_OPA_TRANSP
enumerator LV_OPA_0
enumerator LV_OPA_10
enumerator LV_OPA_20
enumerator LV_OPA_30
enumerator LV_OPA_40
enumerator LV_OPA_50
enumerator LV_OPA_60
enumerator LV_OPA_70
enumerator LV_OPA_80
enumerator LV_OPA_90
enumerator LV_OPA_100
enumerator LV_OPA_COVER

enum lv_palette_t

Values:
enumerator LV_PALETTE_RED
enumerator LV_PALETTE_PINK
enumerator LV_PALETTE_PURPLE
enumerator LV_PALETTE_DEEP_PURPLE
enumerator LV_PALETTE_INDIGO
enumerator LV_PALETTE_BLUE
enumerator LV_PALETTE_LIGHT_BLUE
enumerator LV_PALETTE_CYAN
enumerator LV_PALETTE_TEAL
enumerator LV_PALETTE_GREEN
enumerator LV_PALETTE_LIGHT_GREEN
enumerator LV_PALETTE_LIME
enumerator LV_PALETTE_YELLOW
enumerator LV_PALETTE_AMBER
enumerator LV_PALETTE_ORANGE
enumerator LV_PALETTE_DEEP_ORANGE
enumerator LV_PALETTE_BROWN
enumerator LV_PALETTE_BLUE_GREY
enumerator LV_PALETTE_GREY
enumerator _LV_PALETTE_LAST
enumerator LV_PALETTE_NONE

Functions

LV_EXPORT_CONST_INT(LV_COLOR_DEPTH)

LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP)

typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t

typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t

static inline uint8_t lv_color_to1(lv_color_t color)

static inline uint8_t lv_color_to8(lv_color_t color)

static inline uint16_t lv_color_to16(lv_color_t color)

static inline uint32_t lv_color_to32(lv_color_t color)

static inline uint8_t lv_color_brightness(lv_color_t color)

色の明るさを取得します
Parameters
color -- 色
Returns
明るさ [0..255]

static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b)

static inline lv_color_t lv_color_hex(uint32_t c)

static inline lv_color_t lv_color_hex3(uint32_t c)

static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb)

lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl)

lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v)

HSV色をRGBに変換する
Parameters
  • h -- 色相(Hue)[0..359]
  • s -- 彩度(Saturation・Chroma) [0..100]
  • v -- 明度(Value・Brightness)[0..100]
Returns
RGBで指定されたRGBカラー（LV_COLOR_DEPTH深度を使用）

lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8)

32ビットRGBカラーをHSVに変換します
Parameters
  • r8 -- 8-bit red
  • g8 -- 8-bit green
  • b8 -- 8-bit blue
Returns
HSVで指定されたRGBカラー

lv_color_hsv_t lv_color_to_hsv(lv_color_t color)

色をHSVに変換する
Parameters
color -- 色
Returns
HSVで指定された色

static inline lv_color_t lv_color_chroma_key(void)

関数を使用する方が便利な場合があるため、LV_COLOR_CHROMA_KEYのラッパーにすぎない場合があります。
Returns
LV_COLOR_CHROMA_KEY

lv_color_t lv_palette_main(lv_palette_t p)

static inline lv_color_t lv_color_white(void)

static inline lv_color_t lv_color_black(void)

lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl)

lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl)

union lv_color1_t

Public Members
uint8_t full
uint8_t blue
uint8_t green
uint8_t red
union lv_color1_t::[anonymous] ch

union lv_color8_t

Public Members
uint8_t blue
uint8_t green
uint8_t red
struct lv_color8_t::[anonymous] ch
uint8_t full


union lv_color16_t

Public Members
uint16_t blue
uint16_t green
uint16_t red
uint16_t green_h
uint16_t green_l
struct lv_color16_t::[anonymous] ch
uint16_t full


union lv_color32_t

Public Members
uint8_t blue
uint8_t green
uint8_t red
uint8_t alpha
struct lv_color32_t::[anonymous] ch
uint32_t full


struct lv_color_hsv_t

Public Members
uint16_t h
uint8_t s
uint8_t v

struct _lv_color_filter_dsc_t

Public Members
lv_color_filter_cb_t filter_cb
void *user_data


戻る : Previous

「https://robot-jp.com/wiki/index.php?title=App:Library:LVGL:docs:Overview:Colors&oldid=4053」から取得