본문 바로가기

AI

HTML만으로 10분 만에 만든 컬러 분석 사이트

안녕하세요, 판다유니버스입니다! 👋

3D 작업하다가 필요해서 만든 **컬러 분석 도구** 공유합니다.

🎨 왜 만들었나?
레퍼런스 이미지 컬러 분석할 때마다 여러 사이트 돌아다니는 게 불편했습니다.
그냥 간단하게 쓸 수 있는 도구가 필요했어요.

✨ 기능
- 이미지 업로드 (드래그/붙여넣기/URL)
- 컬러 팔레트 자동 추출
- 대비, 채도, 색온도 분석
- Pinterest/Behance 바로 검색

💻 제작
- **기술**: HTML + CSS + JavaScript
- **도구**: 재미나이, 젠스파크
- **시간**: 10분
- **배포**: GitHub Pages (무료)

복잡한 프레임워크 없이 순수 HTML만으로 만들었습니다.

## 🔗 사이트
**컬러 분석**: [https://pandauniverse-art.github.io/Color_ref/](https://pandauniverse-art.github.io/Color_ref/)
**링크 모음**: [https://pandauniverse-art.github.io/link-curation-site/](https://pandauniverse-art.github.io/link-curation-site/)
북마크 해두고 작업할 때 써보세요!

## 💡 느낀 점
- AI 덕분에 비전공자도 실용 도구 제작 가능
- 복잡할 필요 없음, 필요한 기능만 딱
- 내가 쓸 거니까 완성도도 올라감

📺 **YouTube에서 제작 과정 공개했습니다!**
10분 바이브 코딩 | 렌더링 계산기 만들고 GitHub 배포까지 | 코딩 몰라도 OK!

 

반응형