跳到取色器

fuchsia-500

#e12afb

Tailwind CSS v4.3.3 的 fuchsia-500 在 OKLCH（Tailwind 使用的格式）中是 oklch(66.7% 0.295 322.15)，HEX 是 #e12afb。

类名
OKLCH
HEX
RGB
HSL
CSS
在取色器中打开 #e12afb检查对比度

类名

点击即可复制。加上 /50 表示 50% 不透明度，例如 bg-fuchsia-500/50。

fuchsia-500 上的文字

  • Aa白色3.53:1难以阅读
  • Aa黑色5.94:1清晰易读 · AA
  • Aafuchsia-9504.2:1难以阅读

fuchsia 色阶中最易读的文字色: fuchsia-950

Tailwind fuchsia 色阶

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

其他 Tailwind 颜色的 500 色阶

常见问题

Tailwind fuchsia-500 的十六进制颜色代码是多少？

fuchsia-500 的 HEX 是 #e12afb，RGB 是 rgb(225 42 251)，OKLCH 是 oklch(66.7% 0.295 322.15)。Tailwind CSS v4.3.3 用 OKLCH 定义颜色，所以 HEX 值是最接近的 sRGB 近似值。

Tailwind fuchsia-500 用于文字时符合无障碍要求吗？

fuchsia-500 上白色文字的对比度为 3.53:1，黑色文字为 5.94:1。WCAG AA 要求普通文字达到 4.5:1，大号文字达到 3:1，所以这里更适合用黑色文字。

如何在 Tailwind CSS 中使用 fuchsia-500？

给元素加上 bg-fuchsia-500、text-fuchsia-500 或 border-fuchsia-500。在你自己的 CSS 中使用 var(--color-fuchsia-500)，这是 Tailwind v4 为每个颜色生成的 CSS 变量。