# color-rgba

> Convert color string (or parseable argument) to RGBA array

Latest version **3.1.1** (published 2026-07-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install color-rgba
pnpm add color-rgba
yarn add color-rgba
bun add color-rgba
```

## Health

**Score 68/100 (B)** — status: active.

Positive: has types package; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.1.1 |
| Published | 2026-07-22 |
| First published | 2016-11-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | separate (@types/color-rgba) |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 6.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 28 |
| Author | Dmitry Iv |
| Maintainers | dfcreative, dy |
| Keywords | color, colorjs, rgb, rgba, color-space, css |

## Links

- npm: https://www.npmjs.com/package/color-rgba
- Repository: https://github.com/colorjs/color-rgba
- Homepage: https://github.com/colorjs/color-rgba#readme
- Issues: https://github.com/colorjs/color-rgba/issues
- npm.io page: https://npm.io/package/color-rgba

## Dependencies (2)

- [color-parse](https://npm.io/package/color-parse.md) ^2.1.0
- [color-space](https://npm.io/package/color-space.md) ^3.1.0

## Alternatives

- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads

## Recent versions

- 3.1.1 (latest) — 2026-07-22
- 3.1.0 — 2026-07-22
- 3.0.0 — 2023-09-15
- 2.4.0 — 2022-01-25
- 2.3.0 — 2021-09-09
- 2.2.3 — 2020-10-02
- 2.2.2 — 2020-09-28
- 2.2.1 — 2020-09-28
- 2.2.0 — 2020-09-26
- 2.1.1 — 2019-05-25
- 2.1.0 — 2018-06-22
- 2.0.0 — 2017-10-24
- 1.1.1 — 2017-07-26
- 1.1.0 — 2017-03-04
- 1.0.4 — 2017-03-03
- … 4 more at https://npm.io/package/color-rgba/versions

## README

# color-rgba [![test](https://github.com/colorjs/color-rgba/actions/workflows/test.js.yml/badge.svg)](https://github.com/colorjs/color-rgba/actions/workflows/test.js.yml) [![size](https://img.shields.io/bundlephobia/minzip/color-rgba?label=size)](https://bundlephobia.com/result?p=color-rgba) ![stable](https://img.shields.io/badge/stability-stable-green)

Convert color string to array with rgba channel values: `"rgba(127,127,127,.1)"` → `[127,127,127,.1]`.

## Usage

`$ npm install color-rgba`

```js
import rgba from 'color-rgba'

rgba('red') // [255, 0, 0, 1]
rgba('rgb(80, 120, 160)') // [80, 120, 160, 1]
rgba('rgba(80, 120, 160, .5)') // [80, 120, 160, .5]
rgba('hsla(109, 50%, 50%, .75)') // [87.125, 191.25, 63.75, .75]
rgba('oklch(0.628 0.258 29.234)') // [255, 0, 0, 1]
rgba('color(display-p3 1 0 0)') // [255, 0, 0, 1]
rgba`rgb(80 120 160 / 50%)` // [80, 120, 160, .5]
```

## API

### `let [r, g, b, alpha] = rgba(color)`

Returns rgba channel values for any string [color-parse](https://ghub.io/color-parse) recognizes: hex, keywords, `rgb[a]()`, `hsl[a]()`/`hsv()`/`hwb()`, `cmyk()`, `lab()`/`lch()`, `oklab()`/`oklch()`, `luv()`/`lchuv()`, `xyz()`/`xyy()`, `color(srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | xyz-d50 | xyz-d65 …)` — plus arrays, numbers and template literals. Conversions come from [color-space](https://ghub.io/color-space). `r`, `g`, `b` are `0..255`, `alpha` is `0..1`; hues wrap per CSS, other channels clamp into their documented ranges. Unrecognized input returns `[]`.

## Related

* [color-normalize](https://github.com/colorjs/color-normalize) − convert any input color argument into a defined output format.
* [color-alpha](https://github.com/colorjs/color-alpha) − change alpha of a color string.
* [color-interpolate](https://github.com/colorjs/color-interpolate) − interpolate by color palette.


<p align=center><a href="https://github.com/krsnzd/license/">🕉</a></p>

---
_Source: https://npm.io/package/color-rgba · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._