https://github.com/tuxado/postcss-color-transformer
Postcss color converter
https://github.com/tuxado/postcss-color-transformer
color color-converter colors postcss postcss-color-converter postcss-plugin postcss-plugins
Last synced: about 1 month ago
JSON representation
Postcss color converter
- Host: GitHub
- URL: https://github.com/tuxado/postcss-color-transformer
- Owner: tuxado
- Created: 2025-03-08T05:03:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-08T16:50:06.000Z (about 1 year ago)
- Last Synced: 2025-10-07T00:38:33.290Z (6 months ago)
- Topics: color, color-converter, colors, postcss, postcss-color-converter, postcss-plugin, postcss-plugins
- Language: TypeScript
- Homepage:
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PostCSS Color Converter
A PostCSS plugin for converting between different color formats.
## Features
- Explicit conversion between color formats with intuitive syntax
- Supports RGB, RGBA, HSL, HSLA, OKLCH, LAB, LCH, HWB, HSV, HSI
- Handles transparency (alpha) values
- Robust API with error handling
- Written in TypeScript for better reliability
## Installation
```bash
npm install postcss-color-transformer --save-dev
```
## Usage
```js
// postcss.config.js
module.exports = {
plugins: [
require("postcss-color-transformer")({
// Options (toutes sont optionnelles)
verbose: false, // Activer les logs détaillés
supportedFormats: [
"rgb",
"rgba",
"hsl",
"hsla",
"oklch",
"lab",
"lch",
"hwb",
"hsv",
"hsi",
],
}),
],
};
```
CSS source :
```css
.test {
--color1: oklch(from hsl(x x x));
--color2: rgb(from oklch(x x x));
--color3: hsl(from rgb(x x x));
}
```
Compiled to :
```css
.test {
--color1: oklch(y y y);
--color2: rgb(y y y);
--color3: hsl(y y y);
}
```