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)