색을 고르는
근거를 배우세요.
색상 팔레트, WCAG 대비, 60–30–10 규칙, RGB·HSL·OKLCH, 화면마다 색이 달라지는 이유를 근거와 실무 예시로 설명합니다.
약 9분01
쓸 수 있는 색상 팔레트 만드는 법
하나의 시작색을 웹사이트, 제품, 포스터, 브랜드에 쓸 수 있는 역할 기반·접근성 팔레트로 확장하는 실전 방법입니다.
가이드 읽기 →약 10분02
실무를 위한 WCAG 색상 대비
3:1, 4.5:1, 7:1 기준과 큰 글자 예외, UI 경계, 그라데이션·투명도, 자주 하는 검사 실수를 실제 구성요소 관점에서 설명합니다.
가이드 읽기 →약 7분03
60–30–10 색상 규칙 쓰는 법
60–30–10 색상 규칙으로 공간, UI, 그래픽의 위계를 만드세요. 유연한 디자인 경험칙을 정확한 산수처럼 쓰지 않는 방법도 설명합니다.
가이드 읽기 →약 11분04
RGB, HSL, OKLCH 쉽게 이해하기
RGB·HEX·HSL·OKLCH가 무엇을 나타내고 같은 숫자가 왜 같은 밝기로 보이지 않는지, CSS·전달·팔레트·단계색에 무엇이 맞는지 설명합니다.
가이드 읽기 →약 9분05
화면마다 색이 달라지는 이유
밝기, 화이트 포인트, 화면 색역, ICC 프로필, 브라우저 색상 관리, 주변 조명, 압축이 색에 미치는 영향과 일관성을 높이는 방법입니다.
가이드 읽기 →편집 원칙
정의보다 다음 행동을 설명합니다.
PIQE는 검색어를 바꿔 같은 문장을 대량 생성하지 않습니다. 공식 기준, 계산 가능한 예시, 실패를 막는 순서, 도구의 한계를 함께 제시하고 검토일과 수정 방법을 공개합니다.
편집 원칙 보기 →