로딩 중…
HEX, RGB, HSL 값을 입력하거나 시각적 선택기에서 색을 골라 모든 형식의 정확한 변환값을 얻습니다. 보색, 유사색, 삼원색 조합도 자동으로 계산합니다.
무료, 계정 불필요, 브라우저 처리, 서버 업로드 없음.
HEX, RGB, HSL 값을 입력하거나 시각적 선택기에서 색을 골라 모든 형식의 정확한 변환값을 얻습니다. 보색, 유사색, 삼원색 조합도 자동으로 계산합니다.
지원 형식
HEX
#2F4A3F
CSS, HTML, 디자인
RGB
rgb(47,74,63)
일반 웹 개발
HSL
hsl(150,22%,24%)
색상, 채도, 밝기의 직관적 조절
색 조합은 HSL의 색상을 기준으로 계산합니다. 접근성을 위해 보색 대비를 확인하세요. 초록과 빨강 같은 조합은 색각 이상 사용자가 구분하기 어렵습니다.
초록색 #2F4A3F와 어울리는 행동 버튼용 보색을 찾으면 도구가 자주색을 띤 진한 빨강 #4A2F3F를 계산합니다. 접근성을 위해 대비를 확인하세요.