좋은 디자인 컬러 구조란?
보통 웹 디자인은 크게 3단계의 색상 체계를 사용합니다. 사이트 바탕이 되는 '기본 배경색(Base)', 가장 강력한 어그로를 끄는 '강조색(Primary)', 그리고 강조색의 채도나 밝기를 약간 뺀 보조 계열 '세컨더리 컬러(Secondary)'입니다. 팔레트에서 생성된 5가지 톤을 그대로 사용하여 로고, 버튼 색상, 배경색 등으로 분배해 보세요.
실시간 컬러 믹싱 (스페이스바 연타)
스페이스바 하나만으로 창을 가득 채운 고해상도의 무작위 색 조합이 완성됩니다. 만약 첫 번째 칸의 딥-블루 색상이 완전히 마음에 들었다면, 화면의 자물쇠 아이콘(Lock) 아이콘을 눌러주세요. 다시 스페이스바를 누를 땐 잠긴 색상을 고정한 채로 나머지 네 칸이 그 딥-블루 컬러 톤에 조화롭게 맞아떨어지는 색으로 어레인지됩니다.
복사 및 관리
완성된 헥사코드(`#FFFFFF` 등)를 한번 클릭하는 즉시 클립보드에 색상이 복사됩니다. 테일윈드의 `tailwind.config.js` 또는 `global.css` 에 `--primary-color: #XXXXXX` 형태로 바로 주입하여 CSS에 응용하세요.