question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is HSL color allowed to use?

See original GitHub issue

Tried to use HSL color for coloring lineSeries but I fault. Is HSL color allowed to set as a color?

It’s just a standart CSS color like RGB color scheme, why not? 😃 That’s what I’m talking about:

var candleSeries = chart.addCandlestickSeries({
  upColor: 'hsl(255, 50, 50)', // 'rgba(255, 144, 0, 1)',
  downColor: '#000',

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
timocovcommented, Apr 17, 2020

Let’s leave it open and wait for more feedback.

1reaction
timocovcommented, Apr 16, 2020

It’s not supported yet in the library. I guess there is some easy conversation between these representations so I guess the workaround is convert hsl to rgba before passing to the charts.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using HSL Colors In CSS - Smashing Magazine
HSL stands for hue, saturation, and lightness. It's based on the RGB color wheel. Each color has an angle and a percentage value...
Read more >
How to use HSL color in CSS like a pro | TSH.io
HSL (Hue, Saturation and Lightness) is the color representation. It is user-friendly because without a big knowledge, you can imagine how ...
Read more >
"hsl" | Can I use... Support tables for HTML5, CSS3, etc
Method of describing colors using Hue, Saturation and Lightness (hsl()) rather than just RGB, as well as allowing alpha-transparency with rgba() ...
Read more >
hsl() - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
The hsl() functional notation expresses an sRGB color according to its hue, saturation, and lightness components.
Read more >
HSL: a color format for humans - Cloud Four
Colors on the web are confusing — but they don't have to be! The HSL format makes it easy for humans and computers...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found