---
title: "color"

doc_type: static
doc_category: static
doc_version: v20270301
source_url:
  html: 'https://developer.shopline.com/zh-hans-cn/docs/sline/object/color'
  md: 'https://developer.shopline.com/zh-hans-cn/docs/sline/object/color.md'
---

# color


    主题设置中的颜色，用于店铺组件颜色方案中。

    



    <div>
    
## 属性

        
<ObjectProperty
    name="alpha"
    types={[<Mdx>float</Mdx>]}
>
<ObjectSummary>
颜色的 alpha 分量。取值范围：0.0-1.0。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="blue"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的蓝色分量。取值范围：0-255。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="green"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的绿色分量。取值范围：0-255。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="hue"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的色调分量。取值范围：0-360。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="lightness"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的亮度分量。取值范围：0-100。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="red"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的红色分量。取值范围：0-255。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="rgb"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
颜色的红色、绿色和蓝色值，以空格分隔的字符串表示。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="rgba"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
颜色的红色、绿色、蓝色和 alpha 分量值，以空格分隔的字符串表示，其中 alpha 分量之前需加斜杠。示例：`123 134 156 / 0.6`。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="saturation"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
颜色的饱和度分量。取值范围：0-100。


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty
    name="hex"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
颜色的十六进制色码。


</ObjectSummary>
</ObjectProperty>
        
    
    </div>


