Algorithmic color palette
알고리즘에 의해 컬러 팔레트를 만들어내기
아이디어
필요한 색상 역할들을 나열한다. 예:
- 기본 글자색
- 기본 배경색
- 강조 글자색
- 강조 배경색
- 링크 글자색
- 포커스 테두리색
- …
각 색상 역할이 만족시켜야할 시각적 특성들을 정의한다. 다음은 라이트모드 기준 예시:
- 기본 글자색과 기본 배경색은 채도가 낮아야 한다.
- 기본 글자색은 밝기가 높고 기본 배경색은 밝기가 낮아야 한다.
- 기본 글자색과 기본 배경색의 색거리는 일정 거리 이상 떨어져 있어야 한다. 단, 강조색이나 링크색 등을 더 눈에 띄게 해야하므로 색거리가 지나치게 멀어서는 안된다.
- 포커스 테두리색: 1차 브랜드 색의 보색이면서 채도와 밝기가 높아야 한다.
- …
사용자가 제공한 색상들을 “최소한”으로 보정하여 각 역할에 배정한다. 필요한 경우, 사용자가 제공한 색상에서 보색이나 3차색 등 어울리는 새로운 색을 유도해서 쓴다.