LCH

<p>This simple color picker allows you to use the LCH color space in your designs with ease. The LCH color space is perceptually uniform and significantly simplifies creating and modifying color systems. If you'd like to find out more, check out this great <a href="https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/" rel="noreferrer noopener nofollow ugc" target="_blank">article</a>!</p><p><br></p><h2><strong>Features</strong></h2><ul><li>Pick colors by adjusting lightness, chroma, hue and alpha levels;</li><li>Use it in your designs for fills, strokes and gradients;</li><li>Adjust colors of multiple objects simultaneously using <code>Ctrl</code> (<code>⌘</code>) and <code>Shift</code> keys;</li><li>Import/export colors from/to <code>hex</code>, <code>rgb()</code> and <code><a href="https://www.w3.org/TR/css-color-4/#specifying-lab-lch" rel="noreferrer noopener nofollow ugc" target="_blank">lch()</a></code> CSS strings.</li></ul><p><br></p><h2>Feedback and troubleshooting</h2><p>Source code is available at <a href="https://github.com/zisest/figma-lch-plugin" rel="noreferrer noopener nofollow ugc" target="_blank">GitHub</a>.</p><p><br></p><p>If you have any suggestions or encounter any bugs, feel free to message me at <a href="mailto:[email protected]?subject=Figma%20LCH%20Plugin" rel="noreferrer noopener nofollow ugc" target="_blank">[email protected]</a>.</p><p><br></p><h2><strong>Acknowledgements</strong></h2><p>This plugin was inspired by <a href="https://lea.verou.me/" rel="noreferrer noopener nofollow ugc" target="_blank">Lea Verou</a>'s color picker available at <a href="https://css.land/lch/" rel="noreferrer noopener nofollow ugc" target="_blank">css.land/lch/</a>. </p><p><br></p><p>Conversion logic is by <a href="https://svgees.us/" rel="noreferrer noopener nofollow ugc" target="_blank">Chris Lilley</a>.</p>