사이트 소개

마지막 업데이트: 2026-06-25

컬러도구란

컬러도구는 디자이너·개발자·기획자가 색을 다룰 때 자주 마주치는 작업을 빠르고 정확하게 처리하도록 돕는 무료 도구 모음입니다. 조화로운 색 조합 찾기, CSS 그라데이션 코드 만들기, 글자 가독성을 위한 대비 검사, 색각이상 사용자 점검을 한곳에서 해결할 수 있습니다.

운영 원칙 (E-E-A-T)

• 경험(Experience) — 실제 웹·UI 작업 흐름(팔레트 → 그라데이션 → 대비 → 색맹 점검)을 그대로 도구 순서에 반영했습니다.
• 전문성(Expertise) — 색 대비는 WCAG 2.1의 상대 휘도·대비비 공식, 색 조합은 HSL 색상환, 색맹 시뮬레이션은 LMS 변환 행렬을 사용합니다.
• 권위(Authoritativeness) — W3C WCAG 등 공개 표준과 공식 문서를 근거로 하고 출처 링크를 함께 제공합니다.
• 신뢰성(Trustworthiness) — 계산 공식을 숨기지 않고 공개하며, 근사치인 항목(색맹 시뮬레이션 등)은 분명하게 고지합니다. 입력값은 수집·저장하지 않습니다.

표준·데이터 근거

각 도구가 사용하는 기준은 다음 공개 표준과 자료에 근거합니다. 표준이 개정되면 최신 내용으로 업데이트합니다.

• WCAG 2.1 (W3C) — 색 대비비 기준, 상대 휘도 계산
• WCAG Quick Reference — AA·AAA 적용 기준
• W3C WAI — 웹 접근성 일반 원칙

정확성에 대한 안내

색 대비비 계산은 WCAG 공식을 그대로 따르므로 표준 도구와 동일한 값을 산출합니다. 다만 색맹(색각이상) 시뮬레이션은 LMS 변환 행렬을 적용한 근사치로, 실제 개인의 색 지각과 다를 수 있습니다. 또한 컬러 팔레트의 조화 색은 HSL 색상환 기준 근사값이므로 실사용 시 미세 조정이 필요할 수 있습니다. 중요한 의사결정은 실제 사용자 테스트와 공식 표준으로 보완하시기 바랍니다.

문의

개선 의견이나 오류 제보는 jin@zerolabskorea.com 으로 보내주세요. 개인정보 처리에 관한 내용은 개인정보처리방침에서 확인할 수 있습니다.

마지막 업데이트: 2026-06-25