커좀피 관련으로 고민하실때 이런 생각 해보신 적 있나요?

“이 정도면 하얀 것 같은데, 왜 살짝 초록빛이 돌지?”
“분명 더 밝은데, 옆에 놓고 보면 다른 쪽이 더 하얀 것 같기도 하고…”

그 이유는 사실 메이플 염색으로는 기술적으로 255/255/255 를 만들 수가 없다는사실!!ㅜㅜㅜ눈물
어쩔 수 없이 근사치인 255/254/253 등으로 해야되는데
저희는 사람이라 어떤 수치로 해야 가장 하얀지 일일히 다 찾을 수가 없잖아요.
그래서 제가 궁금해서 약 10개 이상의 색상 평가 지표를 통해 어떤 값이 가장 하얀지 순위를 메겨봤고
각 지표별 1위끼리 비교하고 확인할 수 있는 사이트를 만들었어요!
혼자 쓰기엔 생각보다 좋은것 같아가지구 아까워서 공유해봐요


▶ 피부색 비교실 — [https://maple-pixel-color-study.pages점dev/]
(점 << 지우고 . <<넣어주세요!) 인벤에 풀주소 올리면 글이랑 댓글 업로드가 안돼요ㅜ

메애기에서 많이 사용되는 333/99/99를 기준으로, 서로 다른 평가 기준에서 특징이 있는 대표 후보 9종을 비교할 수 있습니다. 평소 사용하는 염색값을 직접 추가하는 기능도 있습니다.

■ 어떤 후보를 넣었나요?

모든 값은 색조 / 채도 / 명도 순서입니다.

후보선정한 이유
213/59/99피부 한 점 한 점과 순백의 색 차이를 계산한 뒤 평균했을 때, 그 평균 차이가 가장 작았습니다. 전체적으로 순백에 얼마나 가까운지를 보는 대표입니다.
9/69/99순백에서 크게 벗어난 픽셀에 더 큰 비중을 주었을 때 가장 좋은 결과였습니다. 어두운 경계처럼 차이가 큰 부분도 함께 살피는 기준입니다.
9/72/99빨강·초록·파랑 숫자가 각각 순백의 255에서 떨어진 정도를 계산했을 때 가장 좋은 결과였습니다.
249/72/99피부 전체의 평균 밝기가 가장 높았습니다. 밝기를 다른 척도로 환산한 평균 명도와, OKLab이라는 색공간에서 계산한 순백과의 거리에서도 1위였습니다.
243/72/99순백과의 평균 색 차이, 밝기 두 가지를 함께 고려한 절충 후보입니다. 각각의 손실을 정규화하고 제곱해 70:30으로 합산한 점수가 가장 작았습니다.
18/15/99피부에 남은 색 기운의 크기가 가장 작았습니다. 밝기를 희생하면서 색 기운을 줄이는 경우를 비교하기 위해 넣었습니다.
248/40/99색 차이가 큰 쪽의 피부를 확인하는 ‘95% 경계값’에서 공동 1위인 후보 중, 평균 색 차이가 가장 작은 값입니다.
9/59/99순백에서 가장 크게 벗어난 한 픽셀의 차이가 최소인 공동 1위 후보 중, 평균 색 차이가 가장 작은 값입니다.
333/99/99제가 확인했던 메애기 사용 순위에서 1위였던 값입니다. 많이 사용하는 설정과 비교하기 위해 항상 포함했습니다.

위 표의 나열 순서는 종합 추천 순서가 아닙니다. 밝기, 색 기운, 순백과의 거리 중 무엇을 중요하게 보느냐에 따라 유리한 후보가 달라집니다.


특히 243/72/99의 70:30은 비교를 위해 선택한 절충 비율입니다. 순백과의 색 차이를 우선하면서 밝기도 함께 고려해 고른 후보입니다. 색 차이와 밝기를 각각 평가한 뒤, 색 차이에 더 큰 비중을 주었을 때 가장 좋은 결과였습니다. 이 평가 비중은 비교를 위해 정한 것이므로, 직접 캐릭터를 바꿔 보면서 취향에 맞는지 확인해 주세요.
*사람들이 흰색을 느끼는 비율이 정확히 70:30이라고 밝혀졌다는 의미는 아닙니다.

■ 볼 한 점의 색이 같으면, 같은 피부색 아닌가요?

비교하다 보면 여러 후보의 견본이 같은 색으로 나올 수 있습니다.

예를 들어 213/59/99와 243/72/99는 가장 넓게 쓰인 피부색이 모두 #FFFEFD, RGB 255/254/253입니다. 하지만 그 색이 차지하는 면적은 각각 499/588픽셀, 398/588픽셀로 다릅니다.

선택한 볼 한 점은 같은 색이어도, 다른 부분의 색이나 각 색이 차지하는 면적에서 차이가 생기는 것입니다.

그래서 먼저 캐릭터 전체를 번갈아 보고, 차이가 생기는 위치를 확인하는 순서로 사용하시는 것을 권합니다. 고정 후보 9종은 피부 전체의 출력이 모두 서로 다릅니다.

■ 추천 사용 순서
웹사이트 들어가시면 나오는 이걸 누르시면 간략하게 나와요.

1. 비교할 A와 B를 고릅니다.

왼쪽 후보 목록에서 A를 고르고, **‘비교 B’**에서 비교 대상을 선택하세요.

자신의 염색값을 넣고 싶다면 위쪽의 **‘직접 입력해서 후보 추가’**를 사용하면 됩니다.

2. 위치 표시를 끄고, 캐릭터 전체를 봅니다.

**‘위치 표시 끄기’**를 누른 뒤 **‘A ↔ B 전환’**으로 같은 자리에서 바꿔 보세요.

어느 쪽이 더 밝은지, 붉거나 푸른 기운이 느껴지는지, 실제 캐릭터 크기에서 차이를 느낄 수 있는지 먼저 살펴보면 됩니다.

3. ‘차이 위치 지도’로 다른 부분을 확인합니다.

값이 다른 피부 위치가 자홍색으로 표시되고, 같은 픽셀과 다른 픽셀의 개수가 나옵니다.

자홍색은 차이가 있는 위치를 알려주는 표시입니다. RGB 한 채널이 1만 달라도 표시되므로, 자홍색 면적이 넓다고 색 차이까지 크다고 판단하면 안 됩니다.

4. ‘가장 넓은 차이’를 눌러 봅니다.

A에서는 어떤 색이고 B에서는 어떤 색인지, 그 색 조합이 같은 위치들을 묶어 가장 많은 픽셀에서 반복되는 차이부터 보여줍니다.

선택한 묶음의 위치와 함께 다음 정보가 표시됩니다.

  • A와 B의 실제 색상값과 RGB

  • 빨강·초록·파랑 채널이 각각 얼마나 다른지

  • 그 차이가 차지하는 면적

  • 볼·턱, 이마·눈가, 귀 등 부위별 픽셀 수

**‘그다음으로 넓은 색 차이 보기’**를 누르면 면적이 큰 순서대로 나머지 차이도 확인할 수 있습니다.

5. 아래 캔버스에서 실제 색을 비교합니다.

**‘한 캔버스에서 색 비교’**에는 선택한 피부 위치의 색이 후보별로 표시됩니다. 순백과 같은 크기로 나란히 보거나, 같은 자리에서 두 색을 전환할 수 있습니다.

RGB가 같다고 표시된 견본은 동일한 색 데이터로 출력됩니다. 다르게 느껴진다면 주변색이나 화면 위치 등 표시·지각 조건의 영향도 생각해 볼 수 있습니다.

캐릭터 캔버스 오른쪽 위의 ⓘ 버튼에서도 간단한 사용 순서를 확인할 수 있습니다.

■ 무엇을 기준으로 계산했나요?

평가 대상은 장비를 착용하고 실제로 드러나는 피부 588픽셀입니다. 반투명 머리카락·성형이 겹친 피부는 포함하고, 불투명한 눈·장비나 고정 검정 외곽선은 제외했습니다.

사이트의 순위표는 명도 99의 색조·채도 조합 71,640개를 비교한 결과입니다. 피부 588픽셀의 RGB가 완전히 같은 설정은 하나로 묶었고, 그렇게 남은 서로 다른 출력 34,598개를 기준으로 순위를 표시합니다.

**‘기준별 순위와 설명’**을 펼치면 각 지표의 뜻과 후보별 순위, 실제 점수를 볼 수 있습니다. 순위 차이가 커도 실제 점수 차이는 아주 작을 수 있으니 함께 확인해 주세요.

렌더링은 직접 제공한 메애기 캡처 10개 설정과 대조했습니다. 확인한 10종과 합성한 캐릭터의 RGB가 픽셀 단위로 모두 일치했습니다.

장비·자세·표정이 바뀌면 드러나는 피부가 달라질 수 있고, 모니터와 화면 설정에 따라서도 느끼는 색이 달라질 수 있습니다.

평소 쓰시던 커좀피 값과 비교해 보시고, 실제 캐릭터로 봤을 때 어떤 값이 가장 하얗게 느껴졌는지 의견 남겨주시면 감사하겠습니다. 개선할점도 말씀해주시면 고쳐볼게요. 재밌게 써주세요~~