색상과 텍스쳐
기초 개념 / 색상과 텍스쳐
1.4 색상과 텍스쳐
시험지 삽화는 주로 흑백 명암과 회색 톤을 사용하고, 해설지나 전자 교재는 다양한 색상을 사용합니다. Mathit은 이 두 환경 모두에서 일관된 방식으로 작동하는 색상 표기 체계를 갖추고 있습니다.
기본 색상명과 Hex 코드
이름이 미리 정해진 내장 색상명을 따옴표 없이 그대로 쓸 수 있습니다. 지원되는 기본 색상은 red, blue, green, black, white, gray, orange, purple, cyan입니다.
디자인 요구에 맞춰 정밀한 색을 지정해야 할 때는 웹 표준인 6자리 16진수 코드를 샵(#) 기호와 함께 적습니다.
poly: A--B--C, stroke=#1e293b, fill=#e2e8f0투명도 슬래시 표기법
Mathit 색상 문법의 가장 독특하고 유용한 기능은 슬래시(/)를 이용한 투명도 제어입니다.
복잡한 수치 코드나 별도의 투명도 옵션을 찾을 필요 없이, 색상명이나 16진수 코드 바로 뒤에 슬래시와 함께 백분율 숫자를 붙입니다.
fill=#blue/20
stroke=#black/60
fill=#3b82f6/15#blue/20은 파란색을 20퍼센트의 불투명도로 연하게 칠하라는 의미입니다. 숫자가 작을수록 투명해져 배경이 비치며, 100에 가까울수록 진해집니다.
수학 문제지에서 두 곡선이 겹치는 넓이를 표시하거나, 원과 다각형의 교집합 영역에 옅은 음영을 넣을 때 주로 사용됩니다. 투명도가 적용된 영역들이 서로 겹쳐지면 교집합 부분이 자연스럽게 더 짙은 명암으로 표현됩니다.
스트로크와 필의 분리
도형을 칠할 때는 외곽선을 담당하는 stroke와 내부 면을 담당하는 fill을 분리하여 생각해야 합니다.
외곽선 없이 내부 면만 부드럽게 칠하고 싶다면 stroke=none을 주거나 채우기 전용 지시어인 fill:을 사용합니다.
// 외곽선 없이 면만 칠하기
fill: poly(A--B--C), fill=#gray/20
// 외곽선은 검은색 진한 선으로, 내부는 연한 파란색으로 칠하기
poly: A--B--C, stroke=1.5pt, color=#black, fill=#blue/10색상 지시어에서 color=는 기본적으로 외곽선 색상을 변경하며, stroke=는 선의 굵기와 스타일을 지정합니다. 면의 색상은 반드시 fill= 옵션으로 제어합니다.