掌握代码调色技能的Web前端开发者，难道不是炙手可热的设计界宠儿吗？

本文共计4031个文字，预计阅读时间需要17分钟。

使用代码着色，一种程序化的设计绝妙方法。学习创建美观、鼓舞人心的调色板/组合，让你的网页和文本编辑器变得更加舒适！少言多行，今天带着对LCH色彩表达的认识与大家分享。

用代码着色，一种程序化的设计绝佳方法。学习创建美丽、鼓舞人心和独特的调色板/组合，所有都会让你的网页和文本编辑变得更加舒适！废话不多说，今天带着大家认识下LCH颜色表达方式！

颜色是强大的——它可以从根本上改变我们的情绪，激励我们，并帮助我们以一种其他事物无法做到的方式表达自己。在设计中我们常听到的是RGB（常用的网页颜色三元素）以及打印的CMYK；为了更好的视觉效果，我们也需要了解LCH颜色！这样可以让我们的网页更加有层次感，高级感十足！当你了解了这篇文章后，绝对会提升你的审美观。老板看了你写的网页，绝对是赞不绝口。还要给你加薪！

什么是LCH颜色

LCH 代表亮度（颜色的深/浅）、色度（颜色的鲜艳/饱和度）和色调（颜色是红色、绿色、蓝色……）。

简而言之，LCH 是一种与 RGB 或 HSL 一样的颜色表示方式，但有一些显着的优势——对于本教程来说最重要的是它的感知均匀性。在本教程中，我们几乎只使用 LCH 颜色。