색상 미리보기 텍스트
🔢 색상 변환값 (클릭하면 복사)
🌑 명암 팔레트 (9단계)
🎨 보색 & 유사색 조화
📋 복사됨!
색상 팔레트 — 자주 묻는 질문
색상 코드는 디자인·개발·인쇄 등 다양한 분야에서 사용됩니다. HEX는 웹·앱, RGB는 화면 표시, HSL은 색상 조정, CMYK는 인쇄 작업에 주로 쓰입니다.
Q. HEX와 RGB 중 어느 것을 써야 하나요?
웹·CSS에서는 HEX(#RRGGBB)가 표준이지만, 투명도가 필요하면 rgba(r, g, b, a)를 사용하세요. Figma·Sketch 같은 디자인 툴은 두 형식 모두 지원합니다.
Q. 보색(Complementary Color)이란?
색상환에서 180° 반대편에 있는 색상입니다. 보색 조합은 대비가 강해 강조 버튼, CTA, 포인트 색상으로 많이 활용됩니다. 너무 강하면 분리 보색(±150°) 조합을 사용하세요.
Q. WCAG 색상 대비 기준은?
텍스트 가독성을 위해 배경-텍스트 명암비가 최소 4.5:1(일반 텍스트), 3:1(큰 텍스트)이어야 합니다. 미리보기의 어두운/밝은 배경 전환으로 가독성을 빠르게 확인해보세요.
Q. 클릭 시 어떤 포맷이 복사되나요?
변환값 카드를 클릭하면 해당 포맷(HEX/RGB/HSL/CMYK)의 텍스트가 클립보드에 복사됩니다. 명암 팔레트·조화 색상을 클릭하면 해당 색상이 선택되어 전체 정보가 업데이트됩니다.
※ CMYK 변환값은 스크린 기반 계산이므로 전문 인쇄 작업에서는 색상 교정 도구(ICC 프로파일)와 함께 사용하세요.