색상 코드 변환기

색상 코드 변환기는 컬러 코드를 HEX, RGB/RGBA, HSL/HSLA, HSV, CMYK 형식으로 상호 변환하고 알파값, CSS 색상 코드 복사, 색상 팔레트 생성, 텍스트 대비비를 함께 확인하는 디자인·개발 지원 도구입니다. HEX RGB 변환, RGB HEX 변환, RGBA 투명도 조절, CMYK 변환, CSS 컬러 코드 정리처럼 웹 UI와 브랜드 컬러 작업에서 자주 필요한 흐름을 한 화면에서 처리할 수 있습니다.

1. 1HEX, RGB, RGBA, HSL, HSV, CMYK 색상 코드를 붙여넣거나 컬러 피커로 기준 색상을 선택합니다.
2. 2자동 감지된 값을 HEX 코드, RGB/RGBA, HSL/HSLA, HSV/HSVA, CMYK 형식으로 확인합니다.
3. 3투명도 조절 슬라이더로 알파값을 바꾸고 color, background-color, border-color, CSS 변수 형식으로 색상 코드를 복사합니다.
4. 4보색, 유사색, 단색 단계, 밝게·어둡게 변형 팔레트를 확인해 색상 조합 후보를 빠르게 비교합니다.
5. 5흰색/검정 텍스트 대비비와 WCAG AA 통과 여부를 함께 확인해 버튼, 배너, 카드 배경색을 점검합니다.

• ●HEX #RRGGBB는 빨강, 초록, 파랑 채널을 16진수로 표현하는 CSS 색상 코드입니다.
• ●RGB는 웹 화면의 가산혼합 색상 체계이고, CMYK는 인쇄물의 감산혼합 색상 체계입니다.
• ●RGBA와 HSLA는 색상 값에 투명도(alpha)를 함께 담을 수 있어 오버레이, 배경, 버튼 상태 표현에 자주 사용됩니다.
• ●HSL/HSV는 색상(H), 채도(S), 밝기(L/V)로 조정이 직관적입니다.
• ●색상 팔레트 생성은 기준 색에서 보색, 유사색, 단색 계열을 뽑아 UI 포인트 컬러와 배경색 후보를 찾는 데 도움이 됩니다.
• ●알파값이 있는 색상은 배경 위에 합성될 수 있으므로 실제 대비비는 배경색에 따라 달라질 수 있습니다.
• ●WCAG 대비비 검사는 텍스트와 배경의 명도 차이를 수치화해 접근성 기준을 빠르게 점검하는 방법입니다.
• ●CMYK 변환은 RGB 값을 기준으로 계산한 근사값이며 실제 인쇄 결과는 출력 환경과 색상 프로파일에 따라 달라질 수 있습니다.