> ## Documentation Index
> Fetch the complete documentation index at: https://takeprofit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Package indie.color

> Library reference for indie.color package. Comprehensive documentation of built-in colors, RGBA function, and Color type implementation for Indie programming language.

export const Anchor = ({id}) => {
  return <div id={id} style={{
    scrollMarginTop: "var(--scroll-mt)"
  }}></div>;
};

export const Field = ({id, name, type, required, defaultVal, children}) => {
  return <div id={id} style={{
    scrollMarginTop: "var(--scroll-mt)"
  }} className="mt-4">
      <div className="pt-2.5 pb-5 my-2.5 border-gray-50 dark:border-gray-800/50 border-b">
        <div className="flex font-mono text-sm group/param-head param-head">
          <div className="flex-1 flex content-start py-0.5 mr-5">
            <div className="flex items-center flex-wrap gap-2">
              {id && <div className="absolute">
                  <a href={`#${id}`} className="-ml-10 flex items-center opacity-0 border-0 group-hover/param-head:opacity-100 py-2" aria-label={`Navigate to ${id}`}>
                    <div className="w-6 h-6 text-gray-400 rounded-md flex items-center justify-center zinc-box bg-white ring-1 ring-gray-400/30 dark:ring-gray-700/25 hover:ring-gray-400/60 dark:hover:ring-white/20">
                      <svg xmlns="http://www.w3.org/2000/svg" fill="gray" height="12px" viewBox="0 0 576 512">
                        <path d="M0 256C0 167.6 71.6 96 160 96h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C98.1 144 48 194.1 48 256s50.1 112 112 112h72c13.3 0 24 10.7 24 24s-10.7 24-24 24H160C71.6 416 0 344.4 0 256zm576 0c0 88.4-71.6 160-160 160H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c61.9 0 112-50.1 112-112s-50.1-112-112-112H344c-13.3 0-24-10.7-24-24s10.7-24 24-24h72c88.4 0 160 71.6 160 160zM184 232H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path>
                      </svg>
                    </div>
                  </a>
                </div>}
              <div className="font-semibold text-primary dark:text-primary-light">
                {name}
              </div>
              <div className="flex items-center space-x-2 text-xs font-medium">
                <div className="flex items-center px-2 py-0.5 rounded-md bg-gray-100/50 dark:bg-white/5 text-gray-600 dark:text-gray-200 font-medium">
                  {type}
                </div>
                {required && <span className="px-2 py-0.5 rounded-md bg-red-100/50 dark:bg-red-400/10 text-red-600 dark:text-red-300 font-medium">
                    required
                  </span>}
                {defaultVal && <div className="flex items-center px-2 py-0.5 rounded-md bg-gray-100/50 dark:bg-white/5 text-gray-600 dark:text-gray-200 font-medium">
                    <span class="text-gray-400 dark:text-gray-500">default:</span>
                    {defaultVal}
                  </div>}
              </div>
            </div>
          </div>
        </div>
        <div className="mt-4 prose-sm prose-gray dark:prose-invert">
          {children}
        </div>
      </div>
    </div>;
};

Package for builtin colors and `rgba` function.

<Info>See also: [`@line()`](/indie/Library-reference/package-indie-plot#decor_line) [`Line`](/indie/Library-reference/package-indie-plot#class_Line) [`Color`](/indie/Library-reference/package-indie#class_Color)</Info>

***

## Variables

<Steps>
  <Step title="Constants" icon="pi">
    <Field id="const_AQUA" name="AQUA" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_BLACK" name="BLACK" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_BLUE" name="BLUE" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_BROWN" name="BROWN" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_FUCHSIA" name="FUCHSIA" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_GRAY" name="GRAY" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_GREEN" name="GREEN" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_LIME" name="LIME" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_MAROON" name="MAROON" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_NAVY" name="NAVY" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_OLIVE" name="OLIVE" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_ORANGE" name="ORANGE" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_PINK" name="PINK" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_PURPLE" name="PURPLE" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_RED" name="RED" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_SILVER" name="SILVER" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_TEAL" name="TEAL" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_TRANSPARENT" name="TRANSPARENT" type="indie.Color">
      Alias of `rgba(0, 0, 0, 0.0)`. Can be useful for setting a transparent color.
    </Field>

    <Field id="const_WHITE" name="WHITE" type="indie.Color">
      Built-in color.
    </Field>

    <Field id="const_YELLOW" name="YELLOW" type="indie.Color">
      Built-in color.
    </Field>
  </Step>
</Steps>

***

## Functions

<Anchor id="func_rgba" />

### `rgba()`

*function*

<Steps>
  <Step title="Overloads" icon="pencil">
    <Field name="rgba" type="(red, green, blue, alpha) -> indie.Color">
      Creates a `Color` object by its RGB components and alpha channel.

      <Expandable title="parameters info">
        <Field name="red" type="int" required>
          Red component of color.
        </Field>

        <Field name="green" type="int" required>
          Green component of color.
        </Field>

        <Field name="blue" type="int" required>
          Blue component of color.
        </Field>

        <Field name="alpha" type="float" defaultVal="1.0">
          Alpha channel (component) of color which ranges from `0.0` (fully transparent) to `1.0` (fully opaque).
        </Field>
      </Expandable>
    </Field>
  </Step>
</Steps>

***
