OKLCH 对比度检查器

使用 OKLCH 颜色检查颜色对比度比例以符合可访问性标准，实时 WCAG 评估。

Show Alpha

Clamp to sRGB

Copy Format

Text Size

前景色

HEX 颜色

Lightness

Chroma

Hue

背景色

HEX 颜色

Lightness

Chroma

Hue

操作

预览

Sample Heading Text

This is sample paragraph text to preview the contrast between foreground and background colors. The contrast ratio helps determine if text is readable.

Small text with reduced opacity

Link textBold textItalic text

对比度结果

15.64:1

ExcellentContrast Ratio

Normal Text

≥ 4.5:1

AAA

Normal Text

≥ 7:1

AA Large

Large Text

≥ 3:1

AAA Large

Large Text

≥ 4.5:1

Color Values

Foreground

HEX

#0e171e

RGB

rgb(14, 23, 30)

HSL

hsl(204.95, 38.07%, 8.59%)

OKLCH

oklch(20% 0.020 240)

Background

HEX

#e9f0f5

RGB

rgb(233, 240, 245)

HSL

hsl(205.78, 36.37%, 93.6%)

OKLCH

oklch(95% 0.010 240)

OKLCH 对比度检查器

使用 OKLCH 颜色检查颜色对比度比例以符合可访问性标准，实时 WCAG 评估。

Show Alpha

Clamp to sRGB

Copy Format

Text Size

前景色

HEX 颜色

Lightness

Chroma

Hue

背景色

HEX 颜色

Lightness

Chroma

Hue

操作

预览

Sample Heading Text

This is sample paragraph text to preview the contrast between foreground and background colors. The contrast ratio helps determine if text is readable.

Small text with reduced opacity

Link textBold textItalic text

对比度结果

15.64:1

ExcellentContrast Ratio

Normal Text

≥ 4.5:1

AAA

Normal Text

≥ 7:1

AA Large

Large Text

≥ 3:1

AAA Large

Large Text

≥ 4.5:1

Color Values

Foreground

HEX

#0e171e

RGB

rgb(14, 23, 30)

HSL

hsl(204.95, 38.07%, 8.59%)

OKLCH

oklch(20% 0.020 240)

Background

HEX

#e9f0f5

RGB

rgb(233, 240, 245)

HSL

hsl(205.78, 36.37%, 93.6%)

OKLCH

oklch(95% 0.010 240)