ZH
我的工具

薰衣草色色号(17 种薰衣草紫与丁香紫)

花卉薰衣草 #B57EDC、CSS 薰衣草 #E6E6FA,以及丁香紫、紫藤色、长春花蓝、蓟色等 17 种薰衣草色的 HEX、RGB、HSL、CMYK 代码和明暗色阶。

我的工具 →
广告

说起“薰衣草色”,你可能会得到两种完全不同的颜色。CSS 里的 lavender 是 #E6E6FA,一种略带蓝调、近乎白色的极浅色;而薰衣草花本身的颜色是 #B57EDC,是一种鲜明的中等明度紫色。本页列出 17 种薰衣草色和丁香紫:包括该色系的 5 个 CSS 关键字(lavender、lavenderblush、thistle、plum、mediumpurple),以及花卉薰衣草、长春花蓝、淡薰衣草、慵懒薰衣草、紫藤色、丁香紫、天芥菜紫等,并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 代码、浅色与深色色阶,以及每种颜色更接近两种薰衣草中的哪一种。

使用方法

  1. 从列表中选择一种薰衣草色或丁香紫。
  2. 复制需要的 HEX、RGB、HSL 或 CMYK 代码。
  3. 如果要对照只写了“薰衣草色”的设计需求,请查看“更接近”一栏。
  4. 需要更浅的背景或更深的点缀色时,请使用浅色与深色色阶表。

计算公式

浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180° · “更接近” = CIEDE2000 ΔE 更小的一方

c 是 RGB 每个通道的值,p 是混合比例(15–75%)。距离使用 CIELAB(D50)和 CIEDE2000 公式计算;低于约 2 时两种颜色几乎无法区分,高于 10 则明显不同。

示例

薰衣草(花色)是 #B57EDC = rgb(181, 126, 220) = hsl(275.1, 57.3%, 67.8%),CMYK 为 17.7%, 42.7%, 0%, 13.7%。CSS 的 lavender #E6E6FA 为 hsl(240, 66.7%, 94.1%),要浅得多。两种颜色上黑色文字都清晰易读:花色薰衣草上为 6.98:1,CSS 薰衣草上为 17.06:1;而花色薰衣草上的白色文字只有 3:1,用于大标题尚可,用于正文则不够。紫藤色 #C9A0DC 更接近花色薰衣草(ΔE 10.5),而不是 CSS 关键字(ΔE 20.2)。

常见问题

薰衣草色的 HEX 代码是什么?

这取决于你指的是哪一种薰衣草:CSS 关键字 lavender 是 #E6E6FA(也叫薰衣草雾色),花朵的颜色是 #B57EDC。需要醒目的紫色就用花色,需要柔和的页面背景则用 CSS 的值。

薰衣草色和丁香紫有什么区别?

丁香紫 #C8A2C8 更偏粉、更带灰,色相为 300°;花色薰衣草 #B57EDC 更偏蓝(275°),饱和度更高。日常说法里,两者都介于紫色和粉色之间。

长春花蓝算薰衣草色还是蓝色?

两个色系的列表都把它算在内。长春花蓝 #CCCCFF 也叫薰衣草蓝,是色相 240° 的浅蓝色,带一点丁香紫的味道。

为什么这里没有“英国薰衣草”的色号?

它常见的数值来自潘通纺织色卡,而潘通颜色没有公开、精确的屏幕定义,所以宁可不收录,也不去猜。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 薰衣草色色号(17 种薰衣草紫与丁香紫). https://kakao.mobile/zh/tools/lavender-color-code/

MLA

“薰衣草色色号(17 种薰衣草紫与丁香紫).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/lavender-color-code/.

广告