[CSS] 사이버 펑크 스타일링에 어울리는 색상을 알아보자

최근 사이버펑크 스타일링을 조금 시도해 보려고 노력하면서, 인터넷에서 굉장히 많은 색상을 찾아보고 있습니다.

그 중에 지극히 제 개인적인 취향에 따라 “이 색은 꽤 어울린다” 라고 생각하는 것들을 정리해 보았습니다.

사이버 펑크 이미지

먼저 우리가 생각하는 “사이버 펑크”의 이미지를 먼저 볼까요?

빙 이미지 크리에이터로 만든 사이버 펑크 스타일 이미지

어두운 배경에 밝은 푸른색을 기반으로 핑크, 레드, 옐로우, 오렌지 등 다양한 색상들이 빛번짐이 많은 상태로 표시되네요.

녹색이 생각보다 많이 보이지 않는다는 점은 조금 의아하지만, 이 이미지를 참고해서 몇 가지 찾아본 색상을 정리해봅니다.

요소 색상

배경 색상

워낙 어두운 색상들이라 잘 구분이 안될 수 있지만, 분명 다른 색상입니다.

위 색상들을 이용해 글자 색, 테두리 색상을 결정하고 특정 박스나 강조할 부분에는 box-shadow, text-shadow 등을 이용해 몽환적인 느낌을 내면 얼추 생각한 그림이 나올 수 있을 것 같습니다.

이 외에도 여러가지 색상들이 보일 때 마다 이 페이지에 업데이트 해두도록 하겠습니다.

끝.