diff --git a/webapp/src/main/resources/i18n/contrast-finder_utf8_ko.properties b/webapp/src/main/resources/i18n/contrast-finder_utf8_ko.properties
new file mode 100644
index 00000000..fa89e01a
--- /dev/null
+++ b/webapp/src/main/resources/i18n/contrast-finder_utf8_ko.properties
@@ -0,0 +1,174 @@
+###### i18n file in UTF-8 character encoding #######################
+NOT_A_VALID_COLOR=색은 #000000부터 #FFFFFF 사이에 있는 값을 입력하셔야 합니다
+NOT_A_VALID_RATIO.colorModel.ratio=올바르지 않은 비율
+home.titleTag=Contrast Finder, 웹 접근성 기준(WCAG)에 적합한 충분히 대비되는 색의 조합 검색
+home.metaDescription=Contrast-Finder는 웹 접근성 기준(WCAG)에 적합한 충분히 대비되는 색의 조합을 찾아줍니다. 그래서 색의 대비와 관련된 웹 접근성(a11y) 테스트를 충족시키는 데 도움을 드립니다.
+logo.link.title=홈페이지로 되돌아 가기
+result.title.colors=대비 색
+result.title.foregroundColor=본문 글자
+result.title.backgroundColor=배경
+result.title.minRation=최소 비율
+form.fillInFields=다음 항목을 채워주십시오 :
+form.description=Contrast-Finder는 웹 접근성 기준에 적합한 충분히 대비되는 색의 조합을 찾아줍니다
+form.help=16진법, RGB 혹은 CSS 컬러 키워드 형태로 된 색의 값을 입력하실 수 있습니다.
\
+ 보기: #FFFFFF
, rgb(255,255,255)
혹은 white
+form.foregroundColor=본문 글자 색
+form.backgroundColor=배경 색
+form.component=교정하려는 색
+form.componentForeground=본문 글자 색을 교정
+form.componentBackground=배경 색을 교정
+form.ratio=최소 비율
+form.contrastOld=원래의 색 대비
+form.contrastNew=새로운 색 대비
+form.validate=기준에 적합한 색 검색하기
+form.validContrast=기준에 적합한 색 대비 :
+form.validContrastDesc=선택한 색의 조합은 이미 괜찮습니다
+form.resultNumber={0} {0,선택,1#개의 결과|1<개의 결과}
+form.contrastSolutionCaption=기준에 적합한 색 대비
+form.contrastSolutionForeground=본문
+form.contrastSolutionBackground=배경
+form.contrastSolutionRatio=비율
+form.contrastSolutionSample=표본
+form.initialContrastCaption=기준에 부적합한 색 대비
+form.sampleTitle=큰 크기의 제목과
+form.sampleTitleBold=크고 좀 더 굵은 글자
+form.sampleText=여기엔 약간의 예시 글과 함께
+form.sampleTextBold=더 굵은 글자가 함께 표시되면서
+form.sampleText2=\ 색의 대비 정도를 확인하실 수 있습니다.
+form.sc-info= \
+ WCAG \
+ 통과 기준 1.4.3 \
+ 에 의하면 \
+ 글자는 최소 4.5 (큰 글자의 경우 3) \
+ 이상의 대비 비율을 가지고 있어야 합니다.
+footer.LikedCf=Contrast-Finder가 마음에 드셨나요?
Asqatasun도 방문해 보세요. 웹 접근성을 고려한 오픈소스 웹 사이트 분석 도구입니다.
+form.contrastSolutionDistance=편차
+form.contrastSolutionDistanceEx=처음 지정한 색과의 편차
+form.objectifs=검색 범위
+form.algoHSV= 확장된 색 범위 속 기준에 적합한 대비 색
+form.algoRGB=처음 지정한 색과 아주 비슷하면서도 기준에 적합한 대비 색
+form.invalidColor=올바르지 않은 색
+form.changeComponent=try again changing the
+form.invalidAlgo=알고리듬값이 올바르지 않습니다.
+form.tryHsv=좀 더 넓은 색 범위 안에서 대비 색 찾아보기
+form.tryRgb=처음 지정한 색과 아주 비슷하면서도 기준에 적합한 대비 색 찾아보기
+form.testedColors=개의 색이 검토됨
+form.notSatisfied=만족스럽지 않으세요?
+form.anyResult=Let's
+form.oppositeComponentForeground=배경 색
+form.oppositeComponentBackground=본문 글자 색
+message.addon=저기요! 혹시 저희 Contrast-Finder Firefox 부가 기능을 써보셨나요?
+footer.poweredBy=운용 기술 :
+footer.availableUnder=사용 권한 :
+footer.link-twitter=트위터에서 Contrast-Finder 팔로우하기
+footer.link-git=GitHub에 있는 Contrast-Finder에 기여하기
+home.noResultTxt=
\ + 본문에 써진 글자에 칠해지는 색입니다. \ + 이 항목에는 CSS 컬러 키워드, 16진법, 혹은 \ + RGB 값을 입력하실 수 있습니다. \ + 입력한 값이 실제 색으로 변환된 모습은 항목 오른쪽에서 확인하실 수 있습니다. \ +
\ + 보기: Black
, Silver
, YellowGreen
, MediumPurple
.
\
+ 여기에 사용될 수 있는 값은 \
+ CSS 컬러 키워드 문서에 나열되어 있습니다. \
+ (CSS level 1부터 CSS level 4까지). \
+
보기: #AABBCC
. \
+ 참고로 #ABC
처럼 간략한 형태로 입력하셔도 되고, \
+ 해당 항목은 자동으로 #AABBCC
로 변환됩니다. \
+ 또, 여기엔 #
글자를 생략하고 입력하셔도 돼서, \
+ FFF
혹은 FFFFFF
모두 혼용해서 입력하실 수 있습니다. \
+
보기: rgb(255,255,255)
.
\
+ 마찮가지로 255,255,255
처럼 짧은 용법으로 입력하실 수 있으며, \
+ 그러면 rgb(255,255,255)
로 해석됩니다. \
+
\
+ 배경에 칠해지는 색입니다.
\
+ 이 항목은 앞의 본문 글자 항목과 같은 원리로 작동합니다.\
+
세 가지 선택가능한 값으로 3, 4.5 그리고 7이 있습니다.
\ +비율은 어떻게 정할까요? 다음의 요소에 따라 결정됩니다:
\ +두 가지 요소(크기와 볼드 유무)에 따라 다음과 같은 네 가지 조합을 도출할 수 있습니다:
\ +18px
: 비율 = 4.5 18px
: 비율 = 3 14px
: 비율 = 4.5 14px
: 비율 = 3 레벨 AAA의 원리는 같으나, 비율만 다음과 같이 증가합니다:
\ +14px
정도의 크기는 14pt
또는 \
+ 120%
혹은 1.2em
크기와 같은 것으로 칩니다. 18px
정도의 크기는 18pt
또는 \
+ 150%
혹은 1.5em
크기와 같은 것으로 칩니다. 글자 크기를 해석하는 방식에 관해서 더 깊고 자세히 알고 싶으시면, \ + WCAG에 기술된 large-scale text의 정의를 읽어보십시오.
\ +본문 글자 색 아니면 배경색을 선택하실 수 있습니다. 기본은 본문 글자 색.
\ +선택하신 색은 나중에 기준에 적합한 색을 찾을 때까지 수정되며, 다른 색은 변하지 않습니다.
\ +\ + 이것이 기본으로 쓰이는 알고리듬입니다. \ + 처음 지정한 색과 아주 가까운 색만 골라서 보여줍니다. \ + (색의 편차는 수학적 방식으로 산출되며, 디자이너의 관점과는 다를 수 있습니다.) \ +
\ +\ + 몇몇 색 조합에 따라선, 알고리듬은 아무런 결과도 추출하지 못할 수도 있습니다 ; \ + 이 경우엔, 다른 알고리듬을 사용해 보십시오.\ +
\ +\ + 차선책으로 쓰이는 알고리듬으로, 첫 번째 것이 아무런 결과도 보여주지 않을 때 사용합니다. \ + 하지만, 산출되는 색은 최초 지정 색과 (많이) 다를 수 있습니다. \ +
\ +Contrast-Finder를 사용하시면서 문제가 있거나 다른 문의 사항이 있으시다면, 연락해주시기 바랍니다:
\ + \
+ 모든 제안을 열렬히 환영합니다! \
+ 번역, 문제 수정, 오류 보고, 새로운 기능…
\
+ 부담없이 \
+ 소스 코드를 가지고 놀아보시고, \
+ 포럼에서도 상의해 보세요. \
+