[分享]css双击哪里出来颜色表

CSS颜色是Web设计中不可或缺的一部分，许多UI设计师和开发人员都有可能需要选择合适的颜色。在编写CSS时，您可以使用颜色的名称、RGB值、十六进制值或HSL值，但是经常输入像00FF00这样的十六...

CSS颜色是Web设计中不可或缺的一部分，许多UI设计师和开发人员都有可能需要选择合适的颜色。在编写CSS时，您可以使用颜色的名称、RGB值、十六进制值或HSL值，但是经常输入像#00FF00这样的十六进制代码通常是比较麻烦的。

在这种情况下，您可以使用一种叫做"Crayon"的工具，它集成在了浏览器中，可以让您双击颜色值来选择相应的颜色。

要开始使用它，您需要按下F12打开浏览器开发工具。打开"Elements"（元素）面板并单击所需元素，然后在右侧面板中找到"Styles"（样式）标签。在需要添加背景颜色的CSS属性后面，单击光标并使用双击打开Crayon颜色选择器。

selector {
    background-color: #;
} 

您将看到一个简单的颜色选择器，其中包括通过色相、饱和度和亮度控制颜色的滑块。您还可以通过拖动光标，从已有的版本中选择一个颜色。

所选颜色的十六进制代码将立即显示在CSS代码中，您仍然可以通过缩写或完整的十六进制代码来修改它。

Crayon不仅为您输入正确的RGB或十六进制代码提供了一种简单直接的方法，而且允许您在更直观的方式下浏览和选择颜色。它在Chrome和Firefox等一些高级浏览器上都可用，所以您无需依赖于外部颜色选择器，就可以轻松、快速地制作自己的网页。