웹디자인과 블로그에 유용한 컬러 테이블 & 추천 사이트 정리

블로그 스킨을 꾸미거나, 썸네일을 만들 때, 또는 HTML/CSS를 편집할 때 컬러 선택은 정말 중요합니다. 어떤 색을 써야 할지 고민될 때 참고하기 좋은 **컬러 테이블(색상표)**과 컬러 팔레트 사이트들을 소개합니다!

 

✅ 기본 컬러 테이블 (HTML/CSS용)

아래는 웹에서 자주 쓰이는 대표 색상과 HEX 코드입니다.

색상 이름HEX 코드미리보기

White	#FFFFFF	<span style="background-color:#FFFFFF; padding:2px 10px; border:1px solid #ccc;">⬜</span>
Black	#000000	<span style="background-color:#000000; padding:2px 10px; color:white;">⬛</span>
Red	#FF0000	<span style="background-color:#FF0000; padding:2px 10px;">🔴</span>
Green	#00FF00	<span style="background-color:#00FF00; padding:2px 10px;">🟢</span>
Blue	#0000FF	<span style="background-color:#0000FF; padding:2px 10px;">🔵</span>
Yellow	#FFFF00	<span style="background-color:#FFFF00; padding:2px 10px;">🟡</span>
Cyan	#00FFFF	<span style="background-color:#00FFFF; padding:2px 10px;">🟦</span>
Magenta	#FF00FF	<span style="background-color:#FF00FF; padding:2px 10px;">🟣</span>

 

---

🔗 유용한 컬러 테이블 & 팔레트 사이트 추천

컬러 조합, 디자인 감각이 부족할 때 아래 사이트들을 참고해 보세요.

1. HTML Color Codes

• 다양한 색상 코드(HEX, RGB)를 확인할 수 있는 대표 사이트.
• 컬러피커 기능이 있어 마우스로 직접 색상을 선택 가능!

2. Color Hunt

• 트렌디한 색상 조합이 매일 업데이트됨.
• 파스텔톤, 딥톤, 미니멀 등 테마별로 컬러 팔레트 탐색 가능.

3. Coolors

• 키보드 스페이스바 한 번으로 자동 컬러 팔레트 생성!
• 직접 수정하거나 이미지를 기반으로 팔레트를 뽑을 수도 있음.

4. Material UI Colors

• 구글 머티리얼 디자인 가이드에 맞춘 색상표.
• 앱 디자인이나 깔끔한 블로그 스타일에 적합.

5. Adobe Color

• 전문가용 컬러 툴. 색상 조화(보색, 삼각, 유사색 등) 자동 계산.
• 이미지에서 색상 추출도 가능해, 감성 썸네일 만들 때 유용!

---

✍️ 마무리

컬러는 단순한 미적 요소를 넘어서, 브랜드 아이덴티티와 가독성, 감정 전달에 큰 영향을 미칩니다. 위에 소개한 도구들을 활용해 나만의 감각적인 블로그 디자인을 만들어보세요! 😊