마크 세 가지
세 마크 모두 색 슬롯을 2~4개 받습니다. 슬롯 수가 곧 노선 수예요.
keycap — 키캡 노선
슬롯이 늘면 획(15→12→9), 45° 상승폭(16→14→11), 선 간격(21→16→13)이 함께 줄어듭니다. 획만 줄이면 선들이 위로 몰리기 때문에 셋을 같이 낮춰야 다발이 윗면 안에 균형 있게 앉아요.
station — 키캡 역
4키는 키 하나가 15까지 작아져서 옆면 단차가 뭉갭니다. 파비콘은 2키로 쓰세요.
mieum — ㅁ
획이 서로 겹치지 않아서 슬롯이 늘어도 두께를 크게 줄일 필요가 없습니다(15→14→13). 작은 크기에서 가독성이 가장 덜 떨어지는 마크예요.
색 지정
호선 번호로 부르거나, 16진수를 직접 넣습니다.
/keycap/line/1_2_3_4 호선 번호 (1~9)
/keycap/0052a4_00a84d 16진수 직접
16진수는 # 없이 넣고, 자릿수에 따라 정밀도가 달라집니다.
| 자릿수 | 의미 | 입력 | 실제 색 |
|---|---|---|---|
| 1자리 | 무채색 16단계 | a | #aaaaaa |
| 2자리 | 무채색 256단계 | 3f | #3f3f3f |
| 3자리 | 유채색 축약 | 05a | #0055aa |
| 6자리 | 유채색 정밀 | 0052a4 | #0052a4 |
호선 팔레트
1 0052a4
2 00a84d
3 ef7c1c
4 00a5de
5 996cac
6 cd7c2f
7 747f00
8 e6186c
9 bdb092
엔드포인트
/:mark 기본 팔레트 (1·2호선)
/:mark/:colors 16진수, 밑줄로 구분
/:mark/line/:numbers 호선 번호, 밑줄로 구분
:mark는 keycap, station, mieum 중 하나입니다.
key, stop, m, ㅁ 같은 별칭도 받아요.
문서 페이지(/)를 뺀 모든 이미지 응답은 90일 동안 캐시됩니다.
색이나 옵션을 바꾸려면 URL 자체를 바꿔서 새로 요청하면 됩니다.
옵션
URL 끝에 ?로 붙이고, 여러 개는 &로 잇습니다.
전부 아래 생성기에서 눌러가며 확인할 수 있어요.
| 이름 | 값 | 기본 | 하는 일 |
|---|---|---|---|
bg | 16진수 | 투명 | 배경색 |
r | 1 | 꺼짐 | 배경을 사각형 대신 원형으로. bg가 있을 때만 보임 |
pad | 0~24 | 0 | 안쪽 여백. iOS 앱 아이콘처럼 여백이 필요할 때 |
a | 1 | 꺼짐 | 노선이 그려지는 애니메이션. 로딩 시 한 번만 재생 |
png | 1 | SVG | PNG로 응답 |
size | 16~2048 | 512 | 한 변 길이(px) |
ink | 16진수 | 2c2c2a | keycap 전용. 키캡 몸통색 |
face | 16진수 | ffffff | keycap 전용. 키캡 윗면색 |
rail | 16진수 | 888780 | station 전용. 역을 잇는 선 색 |
/mieum/line/2_3_4?bg=fbfaf8&r=1&pad=12
/keycap/line/1_2?ink=f5f3ee&face=17171a
/station/line/5_6_7_8?rail=c9c6bb
직접 만들어보기
미리보기 뒤의 체크무늬는 투명한 부분입니다.