왼쪽 동그라미가 고른 색이고, 아래 12칸이 그 색으로 만든 결과다. 테두리를 두른 9번이 고른 색이 앉는 자리다.
대부분은 고른 색이 9번에 그대로 들어간다. 다만 너무 밝은 색은 어둡게 낮춘다 — 9번은 버튼처럼 색으로 꽉 찬 면의 배경이라, 밝으면 그 위에 흰 글자도 검은 글자도 읽히지 않기 때문이다.
낮춘 경우에는 카드에 밝아서 …로 낮춤 이라고 적어뒀다. 밝기가 76 언저리를 넘으면 그렇게 된다.
#f9c4ba밝아서 #ba7265 로 낮춤30.66°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.5:1 · 다크 12.02:1
npm run color:generate -- --preset 55회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d2352031.06°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.07:1 · 다크 3.97:1
npm run color:generate -- --preset 56회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#76201431.07°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 12.97:1 · 다크 8.73:1
npm run color:generate -- --preset 57회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9c372532.33°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.86:1 · 다크 5.75:1
npm run color:generate -- --preset 58회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#8e1a0232.74°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 11.34:1 · 다크 7.42:1
npm run color:generate -- --preset 59회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#c93d2133.14°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.27:1 · 다크 4.11:1
npm run color:generate -- --preset 60회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d8a194밝아서 #bf7260 로 낮춤33.68°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.63:1 · 다크 8.47:1
npm run color:generate -- --preset 61회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f8552835.59°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.06:1 · 다크 7.65:1
npm run color:generate -- --preset 62회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ea4b1d35.63°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.68:1 · 다크 3.12:1
npm run color:generate -- --preset 63회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#cb634736.06°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.84:1 · 다크 3.21:1
npm run color:generate -- --preset 64회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#fdc2b1밝아서 #c06f58 로 낮춤36.67°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.52:1 · 다크 12:1
npm run color:generate -- --preset 65회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9a4d3637.42°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.61:1 · 다크 4.97:1
npm run color:generate -- --preset 66회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ffa286밝아서 #dd572d 로 낮춤37.52°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.85:1 · 다크 9.65:1
npm run color:generate -- --preset 67회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f57b5139.35°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.28:1 · 다크 9.32:1
npm run color:generate -- --preset 68회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f57a4d40.2°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.29:1 · 다크 9.24:1
npm run color:generate -- --preset 69회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#4a261940.39°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 15.99:1 · 다크 3.75:1
npm run color:generate -- --preset 70회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9c4a2941.51°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.79:1 · 다크 5.07:1
npm run color:generate -- --preset 71회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#8c533d41.7°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.8:1 · 다크 5.08:1
npm run color:generate -- --preset 72회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ec7a4942.87°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.47:1 · 다크 8.87:1
npm run color:generate -- --preset 73회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ffa780밝아서 #e66721 로 낮춤44.56°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 9.14:1 · 다크 9.98:1
npm run color:generate -- --preset 74회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e57b3051.68°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.58:1 · 다크 8.57:1
npm run color:generate -- --preset 75회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f5c6aa밝아서 #b8774f 로 낮춤52.35°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.48:1 · 다크 11.87:1
npm run color:generate -- --preset 76회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ecc0a5밝아서 #b67951 로 낮춤53.16°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.42:1 · 다크 11.19:1
npm run color:generate -- --preset 77회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9d653f53.99°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.15:1 · 다크 4.02:1
npm run color:generate -- --preset 78회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9c765d54.6°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.17:1 · 다크 3.45:1
npm run color:generate -- --preset 79회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#984f0e54.72°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.68:1 · 다크 5.02:1
npm run color:generate -- --preset 80회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ff8b0d57.24°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.38:1 · 다크 8.16:1
npm run color:generate -- --preset 81회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#cc997258.44°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.13:1 · 다크 9.74:1
npm run color:generate -- --preset 82회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색