모든 방향의 색상을 즉시 변환
색상 변환기는 사용자가 수행하는 모든 표기법을 표현할 경우에만 유용합니다. 이 도구는 HEX를 RGB로 변환하거나 그 반대로 변환하고 HSL, HSV(HSB라고도 함) 및 CMYK를 한 번에 실시간으로 연결합니다. #3b82f6과 같은 HEX를 입력하면 즉시 rgb(59, 130, 246), hsl(217, 91%, 60%), hsv(217, 97%, 96%) 및 cmyk(76%, 47%, 0%, 4%)를 얻을 수 있습니다. 단일 필드를 변경하면 다른 필드도 변경되므로 마크업용 HEX, 캔버스 및 그라디언트용 RGB, 직관적인 밝기 및 채도 조정용 HSL/HSV, 디자인 인쇄용 CMYK 등 작업에 적합한 모델을 추론할 수 있습니다.
수학 없이 HEX에서 RGB, HSL, HSV 및 CMYK까지
내부적으로 변환기는 모든 입력을 단일 RGB 삼중으로 정규화한 다음 표준 sRGB 공식을 적용하여 다른 공간을 파생합니다. 동일한 수학 브라우저 및 디자인 도구가 사용하므로 숫자는 Figma, Photoshop 또는 Chrome DevTools에서 볼 수 있는 것과 일치합니다. 또한 단축형 HEX(#fff), 알파가 포함된 8자리 HEX(#3b82f6aa), rgb()/rgba(), hsl()/hsla() 및 크림슨, 청록색, 금색과 같은 일반적인 CSS 이름 색상을 이해하므로 공식을 외우거나 탭을 전환할 필요가 없습니다. 각 형식에는 복사 버튼이 있으며, 큰 미리보기 견본은 실제 배경에 색상을 표시하므로 한눈에 올바른지 확인할 수 있습니다.
하모니와 경사로를 사용하여 더 나은 팔레트 디자인
단일 색상을 선택하는 것은 쉽습니다. 일관된 팔레트를 구축하는 것은 어려운 부분입니다. 변환기는 보색(바퀴의 반대), 유사(이웃), 삼원 및 사원(균등한 간격) 등 색상 이론 규칙을 바탕으로 클릭 가능한 견본으로 색상 조화를 생성하여 프로젝트에 바로 넣을 수 있습니다. 밝기 램프는 동일한 색조와 채도에서 검정색에 가까운 것부터 흰색에 가까운 것까지 이동하여 디자이너가 호버, 테두리 및 비활성화 상태가 필요할 때 도달할 수 있는 색조와 음영을 제공합니다. 2색 믹서를 사용하면 선택한 비율로 어떤 쌍이든 혼합하여 중간 색상을 만들 수 있으며, 미세 조정 행을 사용하면 한 번의 클릭으로 색조를 밝게, 어둡게, 채도 낮추거나 회전할 수 있습니다.
내장된 접근성 및 개인 정보 보호
좋은 색상은 가독성이 좋은 색상입니다. 변환기는 흰색과 검정색에 대한 색상의 WCAG 명암비를 표시하고 AA(4.5:1) 및 AAA(7:1) 준수 플래그를 표시하므로 배송 전에 저대비 텍스트를 포착할 수 있습니다. 이는 전용 대비 검사기와 자연스러운 동반자입니다. 그리고 모든 것이 브라우저에서 로컬로 실행되므로 색상이 장치를 벗어나지 않습니다. 업로드, 계정 및 추적이 없으므로 도구가 즉시 유지되는 동안 브랜드 및 클라이언트 작업이 비공개로 유지됩니다.
- 01
- 양방향 HEX ⇔ RGB ⇔ HSL ⇔ HSV ⇔ CMYK(알파 포함)
- 02
- 라이브 그라데이션 트랙이 포함된 대화형 RGB, HSL 및 알파 슬라이더
- 03
- 기본 색상 선택기 + 브라우저 EyeDropper
- 04
- 최근 기록 + 저장된 견본(브라우저에 보관됨)
- 05
- CSS 명명된 색상 지원(진홍색, 청록색, 금색…)
- 06
- 하모니, 틴트/쉐이드 램프 + 2색 믹서
- 07
- 색맹 미리보기(청색맹, 녹색맹, 제3색맹)
- 08
- 라이브 WCAG AA/AAA 대비 배지
- 09
- CSS, Tailwind, SCSS, Swift 및 Android용 복사 준비 내보내기
