https://github.com/rubenvar/bulk-color-converter

Paste a list of HEX color values and get a list of HSL color values
https://github.com/rubenvar/bulk-color-converter

Last synced: about 2 months ago
JSON representation

Paste a list of HEX color values and get a list of HSL color values

• Host: GitHub
• URL: https://github.com/rubenvar/bulk-color-converter
• Owner: rubenvar
• Created: 2020-04-07T18:08:40.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-01-08T13:34:17.000Z (almost 2 years ago)
• Last Synced: 2023-03-06T23:04:39.701Z (almost 2 years ago)
• Language: Pug
• Homepage: https://rubenvar.github.io/bulk-color-converter/
• Size: 522 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Bulk convert #hex into hsl()

## How it works

Paste a list of hex color values, comma separated. Clic 'Convert!'.

Done. 🚀 The app returns a list of _stylesheet-ready_ hsl colors 😊

### Details

It accepts lower case and upper case, and you can even leave a space after the comma. Or three. It also accepts a single line list as well as values in multiple lines. You can omit the # if you'd like.

It also accepts hex color values with an alpha channel (#RRGGBBAA or #RGBA). It will convert them to hsla.

This would work:

```md

#FADB5F, #F0B429, #CB6E17, #B44D12, #8D2B0B,

```

This would work too:

```md

#fffbea,

#fff3c4,

#fce588,

#fadb5f,

#f7c948

```

This too:

```md

#FfF, #F34, CE8,#Fb5, #429,    #dE1,#C6E, 44D, #82B,

```

Even this would work:

```md

fF7bEa,#fFD3c4,   fCe588,b5f6, #7c8

,DEe91dee,   aBcDeF,158, #dE32,

```

_Please don't break it._

## Nothing too fancy

The app is just some html (pug), css (scss) and vanilla javascript, compiled with [Parcel](https://parceljs.org/).

Also, the app is built + the resulting files copied to another repo ([my GitHub page](https://github.com/rubenvar/rubenvar.github.io)) on push, using a custom GitHub Action 🧙‍♂️.

## On the roadmap

- [ ] Convert RGB too, both with % and without.

- [x] Accept alpha channels: hexa (#a2e4c5**dd**) and RGBA → hsla.

- [ ] Improve styling...

- [ ] Maybe use newlines as separators even if there is no comma.

- [ ] Display useful error message to user if input incorrect (now only in console).