ColorTool
登入
#E613E7

#e613e7 ≈ Fuchsia

  • 洋紅
  • 明度: 中等
  • 彩度: 很高
  • 中間色
檢查對比度 在關係圖中探索 隨機色彩

#e613e7 屬於洋紅色系（明度：中等，彩度：很高）。 在 RGB 模型中，它由 90.2% 紅、7.45% 綠和 90.59% 藍組成；以 CMYK 印刷時需要 0.43% 青、91.77% 洋紅、0% 黃和 9.41% 黑。 在 HSL 中，它的色相角為 299.72°，彩度為 84.8%，明度為 49.02%。 它介於冷暖之間，常讓人聯想到創意、大膽與個性。 設計師常把它用於美妝與化妝品、創意工作室和行動呼籲按鈕。 在此色彩上使用黑色文字時，對比度為 5.61:1（WCAG AA）。 最接近的具名色彩是 Fuchsia（#ff00ff），ΔE 為 5。

根據此色彩的量測屬性自動產生的說明。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
網頁安全色#ff00ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二進位
十進位
相對亮度0.2306

互補色

  1. #e613e7
  2. #14e713

分裂互補色

  1. #e613e7
  2. #7ee713
  3. #13e77c

類似色

  1. #7c13e7
  2. #e613e7
  3. #e7137e

三角配色

  1. #e613e7
  2. #e7e613
  3. #13e7e6

矩形配色

  1. #e613e7
  2. #e71314
  3. #14e713
  4. #13e7e6

正方形配色

  1. #e613e7
  2. #e77c13
  3. #14e713
  4. #137ee7

單色配色

  1. #59075a
  2. #a00da0
  3. #e613e7
  4. #f055f1
  5. #f69cf7

暗色

#e613e7 逐步混入黑色。

  1. #e613e7
  2. #cf11d0
  3. #b80fb9
  4. #a10da2
  5. #8a0b8b
  6. #730a74
  7. #5c085c
  8. #450645
  9. #2e042e
  10. #170217
  11. #000000

淺色

#e613e7 逐步混入白色。

  1. #e613e7
  2. #e92be9
  3. #eb42ec
  4. #ee5aee
  5. #f071f1
  6. #f389f3
  7. #f5a1f5
  8. #f8b8f8
  9. #fad0fa
  10. #fde7fd
  11. #ffffff

灰調

#e613e7 逐步混入灰色。

  1. #e613e7
  2. #dc1edd
  3. #d229d2
  4. #c734c8
  5. #bd3fbe
  6. #b34ab4
  7. #a954a9
  8. #9f5f9f
  9. #946a95
  10. #8a758a
  11. #808080

清楚易讀的文字 3.74:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
清楚易讀的文字 5.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

全色盲 #848484 約占男性的 0.003%
全色弱 #b469b4 約占男性的 0.001%
紅色盲 #0074ec 約占男性的 1.01%
綠色盲 #5f8ce3 約占男性的 1.27%
藍色盲 #ed4689 約占男性的 0.0001%
紅色弱 #945cea 約占男性的 1.08%
綠色弱 #a770e4 約占男性的 4.63%
藍色弱 #ea38b6 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-e613e7 {
  color: #e613e7;
}
背景
.bg-e613e7 {
  background-color: #e613e7;
  color: #000000;
}
框線
.border-e613e7 {
  border: 2px solid #e613e7;
}
CSS 變數
:root {
  --color-primary: #e613e7;
  --color-primary-rgb: 230 19 231;
  --color-primary-hsl: 300 85% 49%;
}
漸層
.gradient-e613e7 {
  background: linear-gradient(135deg, #e613e7, #e7137e);
}
彩色陰影
.shadow-e613e7 {
  box-shadow: 0 8px 24px rgb(230 19 231 / 0.35);
}

#ff00ff Fuchsia ΔE 5.00 #ff00ff Magenta ΔE 5.00 #ba55d3 Medium Orchid ΔE 7.27 #fc0fc0 Shocking Pink ΔE 7.92 #bf00ff Electric Purple ΔE 8.49 #da70d6 Orchid ΔE 10.81 #df73ff Heliotrope ΔE 11.50 #19ec18 反相色 #848484 灰階 

Fuchsia
#e613e7  rgb(230, 19, 231)  hsl(300, 85%, 49%)  Fuchsia
#14e713  rgb(20, 231, 19)  hsl(120, 85%, 49%)  Lime
#e7e613  rgb(231, 230, 19)  hsl(60, 85%, 49%)  Titanium Yellow
#13e7e6  rgb(19, 231, 230)  hsl(180, 85%, 49%)  Bright Turquoise