配色調色盤

靛藍色

源自印度原產的植物染料。這是帶紫調、非常暗的藍色。它是最早用來染藍色牛仔褲的染料,也是牛頓定義的彩虹七色之一。

又稱:靛色, 靛青

靛藍色 · #4B0082

靛藍色的基本資訊

靛藍色(#4B0082)是冷色系、偏暗、鮮豔的顏色,屬於紫色系。RGB 值為紅 75、綠 0、藍 130(各 255 階)。常見用途:時尚, 藝術, 紡織品。

靛藍色的深淺:亮色調與暗色調

由淺到深依序排列。點一下顏色就能複製色碼。

靛藍色的色彩和諧配色

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色:綠色
類似色相近顏色:海軍藍, 紫色
三等分配色相近顏色:巧克力色, 翡翠綠
分裂互補色相近顏色:橄欖綠, 綠色
四角配色相近顏色:褐紅色, 綠色, 藍綠色

使用靛藍色的配色色票

可以直接複製色碼,或在編輯器中開啟自由調整。

單色配色 · 靛藍色
類似色配色 · 靛藍色
互補色配色 · 靛藍色
三等分配色 · 靛藍色
搭配中性色配色 · 靛藍色
搭配強調色配色 · 靛藍色

靛藍色與文字顏色的對比

白色文字對比度 13.0:1 · AAA
黑色文字對比度 1.6:1 · 不建議

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

CSS 程式碼

:root {
  --indigo: #4B0082;
  --indigo-rgb: 75, 0, 130;
}
.bg { background-color: var(--indigo); }
.text { color: var(--indigo); }

和靛藍色相近的顏色

葡萄紫海軍藍群青色深藍色深紫色紫色克萊因藍午夜藍鈷藍色紫水晶色

其他紫色系

紫羅蘭色深紫色紫色丁香紫薰衣草紫淡紫色梅子紫紫水晶色茄子紫蘭花紫葡萄紫紫藤色淺丁香紫紫外光色

常見問題

靛藍色的色碼是多少?

靛藍色的 HEX 色碼是 #4B0082。RGB 為 rgb(75, 0, 130),HSL 為 hsl(275, 100%, 25%),CMYK 為 42, 100, 0, 49。

靛藍色的互補色是什麼?

在色環上位於對面的互補色是 #378200,色調接近綠色。少量用來當強調色,就能做出強烈的對比。

在靛藍色上放白色文字好閱讀嗎?

可以。和白色的對比度為 13.0:1,一般大小的文字也足夠清楚(WCAG AA)。