혼합 모드 색 계산기

multiply는 두 채널값을 곱하고(Cb × Cs), screen은 뒤집어 곱한 뒤 다시 뒤집습니다(Cb + Cs − Cb×Cs). 채널값을 0~1로 정규화한 뒤 계산해야 하며, 0~255로 그대로 곱하면 결과가 통째로 어긋납니다. multiply에 흰색을 얹으면 아무 변화가 없고 screen에 검은색을 얹어도 마찬가지입니다.

하지 않습니다. 물리적으로는 빛을 더하기 전에 선형 공간으로 되돌리는 것이 옳지만, W3C 명세가 감마 보정된 sRGB 값을 그대로 쓰라고 정해 두었습니다. 브라우저와 그래픽 도구가 그렇게 구현되어 있어서, 선형화하면 화면에 보이는 색과 달라집니다.

인자를 바꾼 관계입니다. Overlay(Cb, Cs) = HardLight(Cs, Cb)로 정의되어 있어, overlay는 아래쪽 색을 기준으로 갈리고 hard-light는 위쪽 색을 기준으로 갈립니다. 두 모드 모두 기준값이 0.5 이하면 multiply를, 넘으면 screen을 씁니다.

0으로 나누는 것을 막기 위해서입니다. color-dodge는 Cb/(1−Cs)라 Cs가 1이면 나눌 수 없고, color-burn은 (1−Cb)/Cs라 Cs가 0이면 나눌 수 없습니다. 명세는 아래쪽이 0이면 0, 위쪽이 1이면 1처럼 예외를 먼저 갈라 놓습니다. 나눗셈 결과를 1로 자르는 min도 빠뜨리면 안 되는데, 이것을 빼면 결과가 음수가 됩니다.

아래쪽 색이 0.25 이하일 때 쓰는 D(Cb)가 따로 있기 때문입니다. 0.25를 넘으면 √Cb를 쓰지만 그 아래에서는 ((16Cb − 12)Cb + 4)Cb라는 다항식을 씁니다. 제곱근을 그냥 쓰면 어두운 영역에서 기울기가 너무 가팔라져, 부드럽게 이어지도록 다항식으로 바꿔 놓은 것입니다. 두 식은 0.25에서 값이 정확히 이어집니다.

밝기와 채도가 세 채널의 관계에서 나오는 값이기 때문입니다. 명세는 Lum(밝기)과 Sat(채도)를 정의하고 그것을 다른 색에 옮겨 심는 방식으로 계산합니다. 여기 쓰는 Lum의 가중치 0.3/0.59/0.11은 명세값이며 sRGB의 상대휘도 가중치와는 다릅니다.

전송되지 않습니다. 모든 계산은 브라우저 안에서만 이루어지고, 넣으신 색은 이 기기를 벗어나지 않습니다.