RGBA 색상을 회색조(grayscale)로 변경하기
RGB 색상을 회색조로 변경하기 위해선 각각의 RGB에 적절한 가중합을 적용하여 선형 휘도를 얻고 RGB 값을 모두 계산된 선형 휘도 값으로 대체하면 된다. 선형 휘도는 다음과 같은 수식을 통해 얻을 수 있다. 인간의 시각은 초록색에 가장 민감하기 때문에 가장 큰 계수를 갖고, 파란색에 가장 덜 민감하기 때문에 가장 작은 계수를 갖는다. r, g, b, a 값이 주어졌을 때 다음과 같이 사용된다. // Javascript const y = 0.2126 * r + 0.7152 * g + 0.0722 * b; const grayscale = `rgba(${y}, ${y}, ${y}, ${a})`; sRGB 전형적인 sRGB 색상은 비선형인데 이를 회색조로 변경하기 위해선 선형화 처리를 해야한다. 선형화 작업..
프론트엔드
2020. 3. 11. 16:33
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total