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

원래의 명암비

부적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(191, 8%, 66%)
  • rgb(161, 173, 176)
  • #A1ADB0
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

2.30269

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

기준에 적합한 명암비
본문 배경 표본 명암비 편차
  • hsl(200, 4%, 37%)
  • rgb(92, 98, 101)
  • #5C6265
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

6.19459 105.44
  • hsl(191, 11%, 44%)
  • rgb(101, 121, 126)
  • #65797E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.5756 78.38
  • hsl(194, 17%, 42%)
  • rgb(89, 117, 126)
  • #59757E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.91739 87.67
  • hsl(193, 24%, 39%)
  • rgb(76, 115, 126)
  • #4C737E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.17131 97.76
  • hsl(194, 33%, 37%)
  • rgb(63, 111, 126)
  • #3F6F7E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.54617 109.27
  • hsl(193, 42%, 34%)
  • rgb(51, 109, 126)
  • #336D7E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.78594 119.77
  • hsl(193, 54%, 38%)
  • rgb(45, 127, 151)
  • #2D7F97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.57098 118.73
  • hsl(193, 66%, 35%)
  • rgb(30, 124, 151)
  • #1E7C97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.7889 133.54
  • hsl(193, 81%, 32%)
  • rgb(15, 121, 151)
  • #0F7997
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.99746 148.4
  • hsl(153, 4%, 37%)
  • rgb(92, 101, 97)
  • #5C6561
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

6.01866 106.11
  • hsl(155, 10%, 35%)
  • rgb(81, 101, 93)
  • #51655D
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

6.23256 113.37
  • hsl(155, 17%, 42%)
  • rgb(89, 126, 111)
  • #597E6F
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.52718 90.92
  • hsl(155, 24%, 39%)
  • rgb(76, 126, 106)
  • #4C7E6A
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.66691 101.99
  • hsl(156, 33%, 37%)
  • rgb(63, 126, 101)
  • #3F7E65
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.79057 113.62
  • hsl(155, 42%, 34%)
  • rgb(51, 126, 96)
  • #337E60
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.89053 124.87
  • hsl(156, 54%, 31%)
  • rgb(37, 126, 91)
  • #257E5B
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.9833 137.94
  • hsl(156, 66%, 29%)
  • rgb(25, 126, 86)
  • #197E56
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.04801 149.6
  • hsl(156, 82%, 27%)
  • rgb(12, 126, 81)
  • #0C7E51
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.09858 162.22
  • hsl(120, 4%, 37%)
  • rgb(92, 101, 92)
  • #5C655C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

6.05 108.98
  • hsl(120, 10%, 35%)
  • rgb(81, 101, 81)
  • #516551
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

6.30601 120.34
  • hsl(120, 17%, 42%)
  • rgb(89, 126, 89)
  • #597E59
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.61197 104.33
  • hsl(120, 24%, 39%)
  • rgb(76, 126, 76)
  • #4C7E4C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.77707 119.77
  • hsl(120, 33%, 37%)
  • rgb(63, 126, 63)
  • #3F7E3F
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.92095 135.5
  • hsl(120, 42%, 34%)
  • rgb(51, 126, 51)
  • #337E33
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.03246 150.19
  • hsl(120, 54%, 31%)
  • rgb(37, 126, 37)
  • #257E25
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.13483 167.46
  • hsl(120, 66%, 29%)
  • rgb(25, 126, 25)
  • #197E19
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.19839 182.34
  • hsl(120, 82%, 27%)
  • rgb(12, 126, 12)
  • #0C7E0C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.24307 198.51
  • hsl(234, 4%, 47%)
  • rgb(115, 116, 126)
  • #73747E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.6374 74.14
  • hsl(228, 11%, 44%)
  • rgb(101, 106, 126)
  • #656A7E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.36231 86.26
  • hsl(227, 17%, 50%)
  • rgb(107, 116, 151)
  • #6B7497
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.595 71.02
  • hsl(227, 24%, 47%)
  • rgb(91, 104, 151)
  • #5B6897
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.42379 88.24
  • hsl(226, 35%, 51%)
  • rgb(89, 108, 176)
  • #596CB0
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.00392 86.53
  • hsl(261, 4%, 47%)
  • rgb(119, 115, 126)
  • #77737E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.62764 73.32
  • hsl(264, 11%, 44%)
  • rgb(111, 101, 126)
  • #6F657E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.47068 85.42
  • hsl(263, 17%, 50%)
  • rgb(124, 107, 151)
  • #7C6B97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.76518 70.73
  • hsl(264, 24%, 47%)
  • rgb(115, 91, 151)
  • #735B97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.71853 87.26
  • hsl(263, 35%, 51%)
  • rgb(123, 89, 176)
  • #7B59B0
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.3873 86.52
  • hsl(300, 4%, 47%)
  • rgb(126, 115, 126)
  • #7E737E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.52519 71.33
  • hsl(300, 11%, 44%)
  • rgb(126, 101, 126)
  • #7E657E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.18535 81.49
  • hsl(300, 17%, 42%)
  • rgb(126, 89, 126)
  • #7E597E
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.80536 91.28
  • hsl(300, 24%, 47%)
  • rgb(151, 91, 151)
  • #975B97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.93054 82.82
  • hsl(300, 33%, 44%)
  • rgb(151, 76, 151)
  • #974C97
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.53139 97.59
  • hsl(300, 42%, 48%)
  • rgb(176, 71, 176)
  • #B047B0
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.80084 101.89
  • hsl(338, 4%, 47%)
  • rgb(126, 115, 119)
  • #7E7377
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.55947 75.08
  • hsl(336, 11%, 44%)
  • rgb(126, 101, 111)
  • #7E656F
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.27885 88.4
  • hsl(337, 17%, 42%)
  • rgb(126, 89, 103)
  • #7E5967
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.97962 100.81
  • hsl(336, 24%, 47%)
  • rgb(151, 91, 115)
  • #975B73
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

5.1726 92.03
  • hsl(336, 35%, 51%)
  • rgb(176, 89, 123)
  • #B0597B
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

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

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

4.60427 90.38
만족스럽지 않으세요?