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

원래의 명암비

부적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 51%, 78%)
  • rgb(173, 229, 229)
  • #ADE5E5

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

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

1.38926

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

기준에 적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 14%, 35%)
  • rgb(78, 104, 104)
  • #4E6868

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

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

5.99322 168.26
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 8%, 37%)
  • rgb(87, 104, 104)
  • #576868

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

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

5.8573 165.61
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 2%, 39%)
  • rgb(99, 104, 104)
  • #636868

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

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

5.65954 162.76
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 21%, 33%)
  • rgb(67, 104, 104)
  • #436868

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

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

6.14272 172.1
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 29%, 31%)
  • rgb(57, 104, 104)
  • #396868

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

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

6.26119 176.17
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 37%, 36%)
  • rgb(58, 129, 129)
  • #3A8181

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

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

4.52878 152.13
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 48%, 34%)
  • rgb(45, 129, 129)
  • #2D8181

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

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

4.59652 160.01
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 59%, 31%)
  • rgb(33, 129, 129)
  • #218181

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

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

4.6442 168.03
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 74%, 29%)
  • rgb(19, 129, 129)
  • #138181

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

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

4.6825 178.13
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(180, 88%, 26%)
  • rgb(8, 129, 129)
  • #088181

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

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

4.7007 186.55
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(140, 14%, 35%)
  • rgb(78, 104, 87)
  • #4E6857

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

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

6.10165 178.36
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(144, 8%, 37%)
  • rgb(87, 104, 94)
  • #57685E

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

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

5.92049 171.56
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(120, 2%, 39%)
  • rgb(99, 104, 99)
  • #636863

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

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

5.68978 165.77
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(142, 21%, 33%)
  • rgb(67, 104, 81)
  • #436851

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

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

6.29195 185.53
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(142, 29%, 39%)
  • rgb(71, 129, 93)
  • #47815D

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

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

4.59913 166.03
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(142, 37%, 36%)
  • rgb(58, 129, 85)
  • #3A8155

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

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

4.71784 176.59
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(143, 48%, 34%)
  • rgb(45, 129, 78)
  • #2D814E

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

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

4.81465 187.01
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(142, 59%, 31%)
  • rgb(33, 129, 69)
  • #218145

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

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

4.8943 198.66
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(144, 74%, 29%)
  • rgb(19, 129, 63)
  • #13813F

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

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

4.95333 209.74
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(142, 88%, 26%)
  • rgb(8, 129, 53)
  • #088135

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

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

4.99782 222.02
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(219, 14%, 44%)
  • rgb(97, 108, 129)
  • #616C81

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

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

5.28928 147.52
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(214, 8%, 46%)
  • rgb(108, 117, 129)
  • #6C7581

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

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

4.66756 138.9
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(240, 2%, 39%)
  • rgb(99, 99, 104)
  • #636368

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

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

5.97412 165.77
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(216, 21%, 41%)
  • rgb(83, 101, 129)
  • #536581

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

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

5.92172 156.41
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(217, 28%, 46%)
  • rgb(85, 111, 154)
  • #556F9A

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

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

5.08887 140.04
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(216, 39%, 50%)
  • rgb(80, 119, 179)
  • #5077B3

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

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

4.53489 131.24
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(216, 47%, 47%)
  • rgb(63, 109, 179)
  • #3F6DB3

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

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

5.18551 147.12
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(216, 59%, 50%)
  • rgb(52, 111, 204)
  • #346FCC

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

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

4.89315 150.81
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(216, 78%, 51%)
  • rgb(35, 111, 229)
  • #236FE5

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

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

4.69099 162.25
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(251, 14%, 44%)
  • rgb(103, 97, 129)
  • #676181

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

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

5.82753 153.87
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(254, 8%, 46%)
  • rgb(113, 108, 129)
  • #716C81

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

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

5.04303 144.03
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(253, 21%, 49%)
  • rgb(111, 99, 154)
  • #6F639A

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

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

5.34724 141.9
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(252, 34%, 54%)
  • rgb(116, 99, 179)
  • #7463B3

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

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

5.026 135.85
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(252, 52%, 58%)
  • rgb(116, 92, 204)
  • #745CCC

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

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

5.06587 140.48
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(252, 74%, 60%)
  • rgb(113, 81, 229)
  • #7151E5

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

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

5.2362 151.22
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(288, 14%, 44%)
  • rgb(123, 97, 129)
  • #7B6181

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

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

5.42767 150.74
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(282, 8%, 46%)
  • rgb(123, 108, 129)
  • #7B6C81

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

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

4.87894 142.55
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(276, 2%, 39%)
  • rgb(102, 99, 104)
  • #666368

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

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

5.91618 165.19
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(288, 21%, 49%)
  • rgb(143, 99, 154)
  • #8F639A

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

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

4.7519 138.31
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(288, 28%, 46%)
  • rgb(141, 85, 154)
  • #8D559A

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

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

5.3866 150.97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(289, 39%, 50%)
  • rgb(161, 80, 179)
  • #A150B3

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

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

4.86808 150.88
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(289, 47%, 47%)
  • rgb(158, 63, 179)
  • #9E3FB3

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

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

5.50349 167.54
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(289, 59%, 50%)
  • rgb(177, 52, 204)
  • #B134CC

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

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

4.96155 177.17
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(289, 73%, 46%)
  • rgb(173, 31, 204)
  • #AD1FCC

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

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

5.46197 198.13
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF
  • hsl(289, 90%, 47%)
  • rgb(191, 12, 229)
  • #BF0CE5

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

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

4.7735 216.96
만족스럽지 않으세요?