---
title: "color"

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

# color


    A color available in theme settings, used in the color schemes for different sections of a store.

    



    <div>
    
## Properties

        
<ObjectProperty 
    name="alpha"
    types={[<Mdx>float</Mdx>]}
>
<ObjectSummary>
The alpha component of the color. Value range: 0.0-1.0.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="blue"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The blue component of the color. Value range: 0-255.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="green"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The green component of the color. Value range: 0-255.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="hue"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The hue component of the color. Value range: 0-360.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="lightness"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The lightness component of the color. Value range: 0-100.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="red"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The red component of the color. Value range: 0-255.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="rgb"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
The red, green, and blue values of the color, represented as a space-separated string.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="rgba"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
The red, green, blue, and alpha values of the color, represented as a space-separated string, with a slash placed before the alpha value. Example: `123 134 156 / 0.6`.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="saturation"
    types={[<Mdx>integer</Mdx>]}
>
<ObjectSummary>
The saturation component of the color. Value range: 0-100.


</ObjectSummary>
</ObjectProperty>
        
<ObjectProperty 
    name="hex"
    types={[<Mdx>string</Mdx>]}
>
<ObjectSummary>
The hexadecimal color code.



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