Contrast Finder

Contrast-Finder는 웹 접근성 기준에 적합하도록 명암이 충분히 대비되는 색의 조합을 찾아줍니다

WCAG 통과 기준 1.4.3 에 의하면 글자는 최소 4.5 (큰 글자의 경우 3) 이상의 명암비를 가지고 있어야 합니다.

색의 값으로 16진법, RGB 혹은 CSS 컬러 키워드 형태의 값을 입력하실 수 있습니다.
보기: #FFFFFF, rgb(255,255,255) 혹은 white
선택하신 색상의 명암비가 충분하지 않습니다.
현재 명암비: 1.36

원래의 명암비

부적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(0, 0%, 86%)
  • rgb(221, 221, 221)
  • #DDDDDD
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

커다란 크기의 제목과 크고 좀 더 두꺼운 글자

여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다.

1.35825

새로운 명암비 : 1 개의 결과 (1,494,425 개의 색상이 검토됨)

기준에 적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(0, 1%, 58%)
  • rgb(152, 148, 148)
  • #989494
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

커다란 크기의 제목과 크고 좀 더 두꺼운 글자

여기엔 약간의 예시 글과 함께 두꺼운 글자가 함께 표시되면서 색의 명암비를 직접 확인하실 수 있습니다.

3.00057 103.43
만족스럽지 않으세요?
좀 더 넓은 범위의 기준에 적합한 명암비를 가진 색 찾아보기