색상을 여러 형식으로 변환
#3B82F6이나 #38F 같은 HEX 코드, rgb() 또는 rgba(), hsl(), tomato 같은 이름 등 어떤 CSS 형식으로든 색상을 입력하거나 색상 선택기로 고르세요. 같은 색상이 HEX, RGB, HSL, HSV, CMYK로 표시되므로 CSS, 디자인 도구, 인쇄 설정에 바로 복사할 수 있습니다.
또한 해당 색상 위에서 흰색 또는 검은색 텍스트가 얼마나 잘 읽히는지 WCAG 명암비로 보여 줍니다. 4.5:1 이상이면 일반 텍스트의 AA 수준을 충족합니다. 색상은 CSS가 읽는 방식 그대로 브라우저가 해석합니다.
왜 이 색상 변환기를 사용해야 하나요?
- HEX, RGB, HSL, HSV, CMYK를 한곳에서
- 모든 CSS 색상 형식과 색상 이름 지원
- 투명도(알파) 지원
- 흰색 및 검은색 텍스트와의 WCAG 명암비
색상을 변환하는 방법
- 색상을 입력하거나 붙여넣거나, 색상 선택기로 고르세요
- 미리 보기 옆에 모든 형식의 색상 값이 표시됩니다
- 필요한 형식 옆의 복사 버튼을 클릭하세요
자주 묻는 질문
이 색상 변환기는 무료인가요?
네, 완전히 무료이며 브라우저에서 작동합니다.
RGB, HSL, HSV의 차이점은 무엇인가요?
RGB는 빨강, 초록, 파랑 빛을 섞습니다(각각 0–255). HSL과 HSV는 같은 색상을 색조(0–360°), 채도, 그리고 밝기 또는 명도로 표현하므로, 더 밝거나 어둡거나 차분한 변형을 만들기가 쉽습니다.
명암비는 무엇을 의미하나요?
텍스트 색상과 배경 색상의 밝기를 비교한 값입니다(WCAG 2). AA 수준에서는 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1의 비율이 필요하며, 값이 높을수록 읽기 쉽습니다.
서버로 전송되는 것이 있나요?
아니요. 모든 것이 브라우저에서 계산됩니다.