HueOdyssey배경#F9F6F6
무료 팔레트 만들기
디자인 중인 웹사이트나 인터페이스를 설명하세요. 로컬 시맨틱 팔레트를 만든 뒤 에디터에서 확인하고 다듬고 내보낼 수 있습니다.
7가지 시맨틱 역할 WCAG 대비 검사 CSS, Tailwind, PNG
현재 방향
틸을 활용한 팔레트
검사 활성화 · 글자 WCAG 대비 확인됨
면#FFFFFF
보조#CAC27D
주요#CE2732
포인트#40B5E7
흐린 글자#796364
글자#171817
더 차분하게 만드는 방법01분명한 역할 02믿을 수 있는 대비 03구현 준비 완료
다음 방향을 분명하게 만드세요.
시맨틱 팔레트는 색상 선택을 제품이 실제로 사용할 수 있는 시스템으로 바꿉니다.
각 색은 하나의 일을 합니다.
글자가 읽기 쉽게 유지됩니다.
토큰을 바로 복사하세요.