# Algorithmic color palette

> 알고리즘에 의해 컬러 팔레트를 만들어내기

<알고리즘>에 의해 컬러 팔레트를 만들어내기

## 아이디어

필요한 <색상> 역할들을 나열한다. 예:

- 기본 글자색
- 기본 배경색
- 강조 글자색
- 강조 배경색
- 링크 글자색
- 포커스 테두리색
- …

각 색상 역할이 만족시켜야할 시각적 특성들을 정의한다. 다음은 라이트모드 기준 예시:

- 기본 글자색과 기본 배경색은 채도가 낮아야 한다.
- 기본 글자색은 밝기가 높고 기본 배경색은 밝기가 낮아야 한다.
- 기본 글자색과 기본 배경색의 색거리는 일정 거리 이상 떨어져 있어야 한다. 단, 강조색이나 링크색 등을 더 눈에 띄게 해야하므로 색거리가 지나치게 멀어서는 안된다.
- 포커스 테두리색: 1차 브랜드 색의 보색이면서 채도와 밝기가 높아야 한다.
- …

사용자가 제공한 색상들을 "최소한"으로 보정하여 각 역할에 배정한다. 필요한 경우, 사용자가 제공한 색상에서 보색이나 3차색 등 어울리는 새로운 색을 유도해서 쓴다.

## 더 고려할 점

- [색상이 사용되는 영역의 크기에 대한 고려](https://gist.github.com/connorgr/84aaa3a86b7c1231be5221d26591a906)
- [동시 대비](https://wiki.g15e.com/pages/Simultaneous%20contrast.txt)
- [연속 대비](https://wiki.g15e.com/pages/Successive%20Contrast.txt)