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

원래의 명암비

부적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(173, 81%, 41%)
  • rgb(19, 191, 173)
  • #13BFAD

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

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

1.86401

새로운 명암비 : 32 개의 결과 (988 개의 색상이 검토됨)

기준에 적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(137, 77%, 3%)
  • rgb(2, 16, 6)
  • #021006

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

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

4.51491 215.6
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(133, 68%, 3%)
  • rgb(3, 16, 6)
  • #031006

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

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

4.50952 215.59
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(102, 77%, 3%)
  • rgb(6, 16, 2)
  • #061002

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

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

4.5007 218.01
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(25, 77%, 3%)
  • rgb(16, 8, 2)
  • #100802

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

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

4.60749 223.26
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(27, 68%, 3%)
  • rgb(16, 9, 3)
  • #100903

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

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

4.58676 222.0
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(27, 52%, 4%)
  • rgb(16, 10, 5)
  • #100A05

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

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

4.56434 220.16
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(30, 45%, 4%)
  • rgb(16, 11, 6)
  • #100B06

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

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

4.54352 218.9
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(22, 33%, 4%)
  • rgb(16, 11, 8)
  • #100B08

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

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

4.53981 217.75
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(25, 28%, 4%)
  • rgb(16, 12, 9)
  • #100C09

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

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

4.5181 216.49
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(214, 77%, 3%)
  • rgb(2, 8, 16)
  • #020810

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

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

4.66413 215.47
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(212, 68%, 3%)
  • rgb(3, 9, 16)
  • #030910

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

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

4.63912 214.74
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(212, 52%, 4%)
  • rgb(5, 10, 16)
  • #050A10

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

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

4.60875 214.01
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(210, 45%, 4%)
  • rgb(6, 11, 16)
  • #060B10

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

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

4.58385 213.3
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(217, 33%, 4%)
  • rgb(8, 11, 16)
  • #080B10

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

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

4.57275 213.29
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(214, 28%, 4%)
  • rgb(9, 12, 16)
  • #090C10

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

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

4.5471 212.58
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(215, 18%, 5%)
  • rgb(11, 13, 16)
  • #0B0D10

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

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

4.51511 211.87
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(244, 82%, 8%)
  • rgb(7, 4, 41)
  • #070429

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

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

4.6041 206.78
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(243, 67%, 9%)
  • rgb(10, 8, 41)
  • #0A0829

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

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

4.51353 203.51
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(245, 52%, 4%)
  • rgb(6, 5, 16)
  • #060510

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

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

4.6995 217.63
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(246, 45%, 4%)
  • rgb(7, 6, 16)
  • #070610

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

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

4.67411 216.89
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(240, 33%, 4%)
  • rgb(8, 8, 16)
  • #080810

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

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

4.62982 215.44
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(240, 28%, 4%)
  • rgb(9, 9, 16)
  • #090910

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

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

4.60517 214.72
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(240, 18%, 5%)
  • rgb(11, 11, 16)
  • #0B0B10

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

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

4.55606 213.28
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(240, 14%, 5%)
  • rgb(12, 12, 16)
  • #0C0C10

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

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

4.53012 212.57
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(278, 77%, 3%)
  • rgb(11, 2, 16)
  • #0B0210

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

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

4.72932 219.82
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(276, 68%, 3%)
  • rgb(11, 3, 16)
  • #0B0310

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

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

4.70948 219.08
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(278, 52%, 4%)
  • rgb(12, 5, 16)
  • #0C0510

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

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

4.66401 217.61
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(276, 45%, 4%)
  • rgb(12, 6, 16)
  • #0C0610

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

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

4.64471 216.88
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(277, 33%, 4%)
  • rgb(13, 8, 16)
  • #0D0810

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

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

4.60015 215.43
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(282, 28%, 4%)
  • rgb(14, 9, 16)
  • #0E0910

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

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

4.57467 214.71
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(276, 18%, 5%)
  • rgb(14, 11, 16)
  • #0E0B10

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

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

4.53721 213.28
  • hsl(120, 32%, 40%)
  • rgb(70, 136, 71)
  • #468847
  • hsl(270, 14%, 5%)
  • rgb(14, 12, 16)
  • #0E0C10

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

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

4.51736 212.57
만족스럽지 않으세요?