색상 팔레트 만들기: 도구와 앱

무엇을 비교해야 할까요?

실제 화면 디자인에 팔레트를 적용해 제목, 본문, 버튼, 경고 색을 넣고 밝은 테마와 어두운 테마에서 확인하세요. 색각 이상 시뮬레이션을 제공하는 도구라면 색이 구분되는지도 확인하세요.

어떤 내보내기 형식(HEX, RGB, HSL, CSS 변수, 디자인 앱용 파일)을 제공하는지, 저장에 계정이 필요한지 공식 페이지에서 확인하세요. 인쇄용 CMYK나 별색 값이 필요하다면 화면 색에서의 변환은 근사치일 뿐이라는 점을 기억하세요.

글자 색이 충분히 잘 읽히는지 어떻게 알 수 있나요? WCAG 2는 일반 텍스트는 최소 4.5:1, 큰 텍스트는 3:1의 명암 대비를 권장합니다. 대비 검사 도구에 글자 색과 배경색을 넣고 기준보다 낮으면 둘 중 하나를 더 어둡게 하거나 밝게 하세요.

사진에서 팔레트를 뽑는 것만으로 충분한가요? 사진의 주요 색은 좋은 출발점이지만 인터페이스의 글자와 버튼에 충분한 대비를 주지 못할 수 있습니다. 추출한 색은 강조색으로 쓰고 가독성을 위해 중립 톤을 더하세요.