색상 팔레트
Color Palette / Theme Colors
사이트에서 쓸 메인 색, 보조 색, 배경 색을 미리 정해 둔 묶음이에요.
💡 그림 그리기 전에 팔레트에 물감을 골라 짜 두는 거예요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
메인 색이 바뀌면
버튼, 링크, 강조가 한꺼번에 바뀌어요.
CSS--primary: #6d28d9;
🤖 AI에게 이렇게 말해 보세요
색상 팔레트(Color Palette)를 정해 줘. 메인 색(Primary)은 #6D28D9 보라, 보조 색은 연한 회색, 강조 색은 노랑으로 하고 CSS 변수로 한 곳에서 관리해서 다크 모드도 쉽게 바꿀 수 있게 해 줘.
핵심은 ‘Color Palette / Theme Colors’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
AI에게 색 이름보다 '#6D28D9' 같은 색상 코드(HEX 코드)를 알려 주면 정확해요.
이럴 때 써요
- 사이트 색이 중구난방일 때
- 브랜드 색을 정할 때
이렇게도 불러요: 색깔, 색상, 메인 색, 브랜드 컬러, primary, hex, 색상 코드, 테마 색