웹사이트 색 고르는 법
인터페이스에는 보통 브랜드 메인 색, 버튼과 링크 같은 동작에 쓸 강조 색, 배경과 테두리와 글자에 쓸 회색 단계만 있으면 돼요. 늘 같은 HEX 코드를 써서 일관성을 지키고, CSS 변수로 적용하세요.
팔레트를 CSS로 복사하기
카드마다 다섯 가지 색의 CSS를 한 번에 복사하는 버튼이 있어요. 스타일시트에 붙여 넣고 프로젝트에 맞게 변수 이름을 바꾸세요. 색을 하나만 누르면 그 색만 복사할 수도 있어요.
대비와 접근성
공개하기 전에 배경 위의 글자가 잘 읽히는지 확인하세요. 대비 검사기로 WCAG AA나 AAA 기준을 충족하는지 확인할 수 있어요. 접근성에도, 검색 노출에도 중요해요.
처음부터 직접 만들고 싶나요? 팔레트 생성기를 써 보거나, 이미지에서 팔레트를 추출하거나, 색 대비를 확인해 보세요.