카무플라주

Camouflage

경계가 서로 다른 방향으로 얽혀, 윤곽을 흐트러뜨리려고 일부러 불규칙하게 겹친 얼룩무늬.

다른 이름: 카모위장무늬
···
html
<div class="cm"></div><span class="tag">camouflage</span>
css
.cm{position:absolute;inset:-10%;background-color:#6b7150;
  background-image:
    radial-gradient(ellipse 90px 60px at 20% 30%,#4a4f32 60%,transparent 74%),
    radial-gradient(ellipse 70px 90px at 65% 15%,#857a4f 60%,transparent 74%),
    radial-gradient(ellipse 100px 70px at 82% 62%,#2f331f 60%,transparent 74%),
    radial-gradient(ellipse 60px 80px at 35% 78%,#857a4f 60%,transparent 74%),
    radial-gradient(ellipse 85px 55px at 4% 80%,#4a4f32 60%,transparent 74%);
  background-size:260px 260px;
  filter:blur(5px);
  animation:pan 20s linear infinite}
@keyframes pan{to{background-position:260px 0}}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(30,32,18,.8);
  color:#dcd8bd;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}

"카무플라주"라는 말 자체는 "위장하다"를 뜻하는 프랑스 속어 "camoufler"에서 왔고, 1차·2차 세계대전을 거치며 군사적으로 대규모로 쓰이기 시작했습니다(1차대전 프랑스군의 위장부대가 대표적). 미군의 "우드랜드(M81)" 무늬가 1948~1981년 사이 지금의 형태로 정착했고, 2000년대 들어서는 픽셀 단위 사각형으로 구성된 "디지털 카모"(예: MARPAT)가 등장했는데, 이는 거리에 따라 인간의 윤곽 인식(edge detection)을 사람 눈이 흐릿한 얼룩보다 더 잘 흐트러뜨린다는 연구에 근거합니다.

패션에서는 1990년대 힙합·스트리트웨어가 채택하면서 군용품을 벗어나 대중 패션 아이콘이 됐습니다.

구조상 핵심은 "정렬하지 않는다"는 것입니다 — 크기가 제각각인 유기적 얼룩 3~5가지 어스톤 색을 규칙적인 격자 없이 서로 겹치도록 배치합니다. CSS 로는 위치·크기가 다른 radial-gradient 얼룩 여러 개를 겹친 뒤 filter: blur() 로 경계를 부드럽게 풀어, 인쇄된 선이 아니라 자연스럽게 번진 얼룩처럼 보이게 합니다.

언제 쓰나

아웃도어/택티컬 브랜딩, 스트리트웨어 텍스처에 씁니다. 군용 로고·계급장 등 실존 군 마크와 조합하지 않도록 주의하세요.