跳至主要内容

实用工具

颜色代码大全

从红色、蓝色到深红、青绿,52种命名颜色的HEX、RGB、HSL代码,一键复制直接用。

推荐内容

颜色代码大全收录52种有名称的颜色,从红、蓝等基础色到深红(crimson)、水鸭色(teal)、靛蓝(indigo),按7个色系分类。其中50种是CSS标准颜色名,可以直接写进样式表;琥珀色(amber)和薄荷绿(mint)是设计里的常用叫法,没有对应的CSS关键字。选中颜色会显示大色块,以及CSS格式的HEX、rgb()、hsl()色值,点一下卡片就能复制。下方还有由深到浅的5级色阶(加黑2级、原色、加白2级)和4个同色系的相近颜色。可按英文颜色名或HEX代码搜索,无需注册。

常见问题

  • Q. 颜色代码大全收录了多少种颜色?

    A. 共52种有名称的颜色,分为红、橙/棕、黄、绿、蓝、紫/粉、中性色7个色系。其中50种是CSS标准颜色名,琥珀色(#FFBF00)和薄荷绿(#3EB489)是没有CSS关键字的常用叫法。

  • Q. 可以复制哪些格式?

    A. 可以复制HEX、RGB、HSL三种格式,都是CSS里能直接用的写法。例如深红(crimson)复制出来是 #DC143C、rgb(220, 20, 60)、hsl(348, 83%, 47%)。

  • Q. 明暗色阶是怎么生成的?

    A. 共5级:原色加入40%和20%黑色的2级、原色本身、加入25%和50%白色的2级。点击任一色块即可复制它的HEX。