왼쪽 동그라미가 고른 색이고, 아래 12칸이 그 색으로 만든 결과다. 테두리를 두른 9번이 고른 색이 앉는 자리다.
대부분은 고른 색이 9번에 그대로 들어간다. 다만 너무 밝은 색은 어둡게 낮춘다 — 9번은 버튼처럼 색으로 꽉 찬 면의 배경이라, 밝으면 그 위에 흰 글자도 검은 글자도 읽히지 않기 때문이다.
낮춘 경우에는 카드에 밝아서 …로 낮춤 이라고 적어뒀다. 밝기가 76 언저리를 넘으면 그렇게 된다.
#d8abb7밝아서 #b47587 로 낮춤0.7°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.54:1 · 다크 9.36:1
npm run color:generate -- --preset 1회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#c743750.76°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.79:1 · 다크 3.83:1
npm run color:generate -- --preset 2회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e0457f1.84°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.81:1 · 다크 3.2:1
npm run color:generate -- --preset 3회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f49fb6밝아서 #d35a82 로 낮춤2.14°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.61:1 · 다크 9.51:1
npm run color:generate -- --preset 4회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e22a772.19°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.28:1 · 다크 3.53:1
npm run color:generate -- --preset 5회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d5527d2.99°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.83:1 · 다크 3.25:1
npm run color:generate -- --preset 6회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#5116285.54°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 16.53:1 · 다크 4.09:1
npm run color:generate -- --preset 7회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#74404c5.73°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 10.28:1 · 다크 6.71:1
npm run color:generate -- --preset 8회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#cc135c6.77°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.74:1 · 다크 4.43:1
npm run color:generate -- --preset 9회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#febac6밝아서 #c4677c 로 낮춤7.19°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.61:1 · 다크 11.58:1
npm run color:generate -- --preset 10회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d11c5b8.66°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.4:1 · 다크 4.18:1
npm run color:generate -- --preset 11회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#86213d9.07°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 11.31:1 · 다크 7.4:1
npm run color:generate -- --preset 12회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#8007339.11°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 12.84:1 · 다크 8.6:1
npm run color:generate -- --preset 13회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#fa376c11.22°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.35:1 · 다크 7.16:1
npm run color:generate -- --preset 14회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ee778a11.53°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.35:1 · 다크 9.11:1
npm run color:generate -- --preset 15회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e9687e11.84°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.82:1 · 다크 8.13:1
npm run color:generate -- --preset 16회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f8adb5밝아서 #cb6373 로 낮춤12.15°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.65:1 · 다크 10.43:1
npm run color:generate -- --preset 17회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#fcc4c9밝아서 #bb6f78 로 낮춤12.49°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.47:1 · 다크 12.28:1
npm run color:generate -- --preset 18회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f3859312.82°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.05:1 · 다크 10.19:1
npm run color:generate -- --preset 19회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d0114d12.99°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.67:1 · 다크 4.35:1
npm run color:generate -- --preset 20회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f0115913.13°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.15:1 · 다크 3.43:1
npm run color:generate -- --preset 21회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ff597613.81°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.66:1 · 다크 8.4:1
npm run color:generate -- --preset 22회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#8e153314.09°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 11.28:1 · 다크 7.43:1
npm run color:generate -- --preset 23회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f2446315.35°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.41:1 · 다크 7.09:1
npm run color:generate -- --preset 24회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#82082915.38°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 12.74:1 · 다크 8.52:1
npm run color:generate -- --preset 25회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9e013115.67°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 10.38:1 · 다크 6.78:1
npm run color:generate -- --preset 26회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ffbbbe밝아서 #c5686f 로 낮춤15.91°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.64:1 · 다크 11.68:1
npm run color:generate -- --preset 27회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#711e2b15.93°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 13.36:1 · 다크 3.66:1
npm run color:generate -- --preset 28회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d51d4816.32°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.29:1 · 다크 4.13:1
npm run color:generate -- --preset 29회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#721b2916.41°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 13.5:1 · 다크 3.71:1
npm run color:generate -- --preset 30회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f4798316.57°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.25:1 · 다크 9.45:1
npm run color:generate -- --preset 31회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#c6264417.17°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.89:1 · 다크 4.53:1
npm run color:generate -- --preset 32회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#b8223c18.13°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.8:1 · 다크 5.08:1
npm run color:generate -- --preset 33회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#a1384218.29°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.36:1 · 다크 5.44:1
npm run color:generate -- --preset 34회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e0425518.43°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.08:1 · 다크 3.37:1
npm run color:generate -- --preset 35회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#85012119.03°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 12.69:1 · 다크 8.46:1
npm run color:generate -- --preset 36회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#d6344719.93°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.82:1 · 다크 3.82:1
npm run color:generate -- --preset 37회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#bc2c3d19.96°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.32:1 · 다크 4.77:1
npm run color:generate -- --preset 38회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#b33b4420.01°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.22:1 · 다크 4.71:1
npm run color:generate -- --preset 39회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#7b363820.28°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 10.86:1 · 다크 7.15:1
npm run color:generate -- --preset 40회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ff204720.56°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.58:1 · 다크 3.05:1
npm run color:generate -- --preset 41회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#b1002a20.65°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.91:1 · 다크 5.81:1
npm run color:generate -- --preset 42회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#b11e3121.07°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.39:1 · 다크 5.44:1
npm run color:generate -- --preset 43회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e75a5f21.28°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 4.25:1 · 다크 7.28:1
npm run color:generate -- --preset 44회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#f1c5c2밝아서 #b27673 로 낮춤22.75°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.41:1 · 다크 11.89:1
npm run color:generate -- --preset 45회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#ce888423.12°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.48:1 · 다크 8.79:1
npm run color:generate -- --preset 46회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#fbc7c3밝아서 #b8726e 로 낮춤23.46°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 3.5:1 · 다크 12.37:1
npm run color:generate -- --preset 47회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#c53b3d24.13°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.4:1 · 다크 4.21:1
npm run color:generate -- --preset 48회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#8d5f5b24.82°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 6.88:1 · 다크 4.47:1
npm run color:generate -- --preset 49회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#b3353425.26°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 7.49:1 · 다크 4.92:1
npm run color:generate -- --preset 50회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#550d0e25.75°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 16.96:1 · 다크 3.65:1
npm run color:generate -- --preset 51회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#e0a39c밝아서 #c26c64 로 낮춤26.28°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 8.03:1 · 다크 8.89:1
npm run color:generate -- --preset 52회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#5b000427.17°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 16.91:1 · 다크 3.73:1
npm run color:generate -- --preset 53회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색
#9c6f6927.5°보조 색 같은 색조에서 채도를 절반으로. 덜 중요한 버튼과 구분용 면. 글자 대비 5.44:1 · 다크 3.6:1
npm run color:generate -- --preset 54회색 브랜드의 색깔을 물려받되 선명함을 거의 0으로 둔다
반투명 포커스 링과 구분선에 쓴다
글자색 9번 배경 위에 얹는 색