文本和背景的易读性 — 棕色 #8D3C4E 和 turquoise 颜色 #30F1DE

背景颜色和文本对比的组合以获得良好的文本可读性.

这是一个示例文本

靜煙臨碧樹 殘雪背晴樓 冷天侵極戍 寒月對行舟

  • Light
  • Regular
  • Medium
  • Bold
健康
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

颜色对比 — {{contrast}}:1

适合 标题!
不适合 标题!
AA — 3.1:1
AAA — 4.5:1
适合 for description!
不适合 for description!
AA — 4.5:1
AAA — 7.1:1

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

相似套装 🧁

您好,
很高兴见到您!

忘记密码?

输入您注册时使用的电邮地址,我们将向您发送重置密码的说明。

创建一个
新账户

密码不符合

了解网格渐变

我们为您添加了网格渐变生成器和新的网格库,您可以用自己的渐变丰富它们。现在,您可以创建漂亮的抽象渐变,下载它们,复制它们的CSS代码,将它们保存到您的个人面板,并添加到公共库中。

我们即将添加径向渐变生成器!

网格渐变