실제 자사몰 화면에 색만 주입해 캡처했습니다(손으로 그린 목업 아님).
하단 구매바 #3A7D44는 고정이고, 바뀌는 건 상단 띠 배경 + 강조 글자색뿐입니다. 이너 그라데이션 구조는 4개 안 모두 동일.
#2C3E2D중간 #3d5a3e어두운 녹색. 하단 구매바와 톤이 다름
#3A7D44중간 #4b9955하단 구매바와 완전히 같은 초록 — 위아래가 한 세트로 보임
#357447중간 #469058하단바보다 살짝 차분. 글자 대비에 여유
#335F3B중간 #447b4c원안과 하단바 사이. 변화 폭이 작아 "바꾼 티"가 덜 남
| 강조 글자색 | A | B | C | D |
|---|---|---|---|---|
| 연두 #a8d5a0 | 6.9 | 3 | 3.1 | 4.5 |
| 샴페인 #F6E7C1 | 10.2 | 4.4 | 4.6 | 6.5 |
| 아이보리 #FDF3DC | 10.5 | 4.5 | 4.8 | 6.7 |
| 흰색 #FFFFFF | 11.5 | 5 | 5.6 | 7.4 |
대비 기준 — 본문 글자는 4.5 이상이어야 읽기 편합니다(초록=통과, 빨강=미달).
강조색은 하나로 통일하지 않고 배경마다 통과하는 것으로 골랐습니다. B는 연두가 3.0으로 떨어져 아이보리, C는 샴페인을 씁니다.
카드를 클릭하면 그 안만 남고 나머지가 흐려집니다. hex를 누르면 복사됩니다.