색상 도구

WCAG 대비 검사기는 전경색과 배경색 사이의 휘도 비율을 측정하여 웹 콘텐츠 접근성 지침(WCAG) 2.1 기준을 충족하는지 확인합니다. 일반 텍스트의 AA 등급을 충족하려면 최소 4.5:1, AAA 등급을 충족하려면 7:1 이상의 비율이 필요합니다.

#4285F4 같은 HEX 색상 코드는 세 쌍으로 나뉩니다: 42(빨강), 85(초록), F4(파랑). 각 쌍을 16진수에서 10진수로 변환합니다. 따라서 #4285F4는 RGB(66, 133, 244)가 됩니다. 색상 변환 도구는 HEX, RGB, HSL, HSV, CMYK, OKLCH 형식을 즉시 변환합니다.

색상 팔레트 생성기는 색채 이론 규칙을 활용해 기본 색상에서 조화로운 색상 조합을 만들어냅니다. 대표적인 배색 방식으로는 보색(색상환에서 반대), 유사색(인접 색상), 삼각 배색(균등 간격의 세 색상), 분할 보색 등이 있습니다. 이러한 팔레트는 디자인의 시각적 조화를 보장합니다.

Tailwind CSS는 각 색상에 50~950 단계의 명도 척도를 사용하며, 50이 가장 밝고 950이 가장 어둡습니다. 쉐이드 생성기는 어떤 기본 색상에서든 이 전체 척도를 생성하며, Tailwind의 지각적 균일성을 반영해 일관된 디자인 시스템을 구축할 수 있습니다.

색맹 시뮬레이터는 색각 이상이 있는 사람에게 색상이 어떻게 보이는지를 수학적 변환을 통해 모델링합니다. 주요 유형으로는 제2색맹(녹색 약시, 남성의 약 6%), 제1색맹(적색 약시, 약 1%), 제3색맹(청색 약시, 희귀), 전색맹(완전 색맹)이 있습니다.

ColorFYI는 여섯 가지 색상 형식을 지원합니다: HEX(#4285F4), RGB(66, 133, 244), HSL(217°, 89%, 61%), HSV(217°, 73%, 96%), CMYK(73%, 45%, 0%, 4%), OKLCH(0.63, 0.17, 264°). OKLCH는 최신 CSS에 권장되는 지각적으로 균일한 색상 공간입니다.

네, ColorFYI의 여섯 가지 색상 도구는 모두 회원 가입 없이 완전 무료로 이용할 수 있습니다. 대비 검사기, 색상 변환기, 팔레트 생성기, 쉐이드 생성기, 색맹 시뮬레이터, 그라디언트 생성기 — 모두 브라우저에서 즉시 실행됩니다.