16진수 RGB HSL 색상 변환기

HEX 필드에 HEX 값(예: #3b82f6 또는 #fff)을 입력하거나 붙여넣거나 색상 선택기를 사용합니다. RGB 값은 즉시 rgb(r, g, b)로 표시되며 한 번의 클릭으로 복사할 수 있습니다. 변환은 다른 방식으로도 작동합니다. rgb() 값을 입력하면 HEX 업데이트가 실시간으로 이루어집니다.

예. HEX, RGB, HSL, HSV/HSB 및 CMYK 등 모든 필드가 동기화됩니다. 하나를 편집하면 나머지는 즉시 다시 계산되므로 별도의 도구를 실행하지 않고도 동일한 색상에 대한 5가지 표기법을 모두 읽을 수 있습니다.

둘 다 색상을 기준으로 색상을 설명하지만 HSL(밝기) 및 HSV/HSB(값/밝기) 모델 채도는 서로 다릅니다. HSL은 순수 색상을 50% 밝기로 설정하고 HSV는 밝기를 100%로 설정하므로 둘 사이에서 동일한 비율이 더 밝거나 어둡게 보일 수 있습니다. 이 도구는 두 가지를 모두 표시하므로 프레임워크에 필요한 것을 선택할 수 있습니다.

원하는 형식으로 색상을 입력하고 CMYK 필드를 읽으세요. 예를 들어 #3b82f6은 cmyk(76%, 47%, 0%, 4%)가 됩니다. CMYK는 프린터에서 사용되는 빼기 모델이므로 브로셔나 포장에서 웹 색상을 일치시켜야 할 때 유용합니다.

예, 지원되는 브라우저(Chrome, Edge 및 EyeDropper API가 있는 기타 브라우저)에서 '선택' 버튼을 누르면 화면 스포이드가 열리므로 이미지, 웹 사이트 또는 데스크톱의 모든 픽셀, 색상을 샘플링하고 변환기에 바로 로드할 수 있습니다.

예. 대화형 R, G, B, H, S, L 및 알파 슬라이더는 각각 실시간 그라데이션 트랙을 표시하므로 정확한 값을 드래그하거나 입력하여 음영을 미세 조정할 수 있습니다. 알파 슬라이더는 투명도를 위해 8자리 HEX 및 rgba()/hsla() 출력을 생성합니다.

예. 색맹 미리보기는 색맹, 중수색맹, 삼색맹 및 완전 색맹에서 색상이 어떻게 나타나는지 시뮬레이션하므로 색약이 있는 대략 남성 12명 중 1명과 여성 200명 중 1명이 팔레트를 통해 의사소통을 할 수 있는지 확인할 수 있습니다.

예. 내보내기 패널은 CSS 변수, rgb(), SCSS, Tailwind 구성 항목, Swift UIColor, Android Color.parseColor 및 JSON에 대한 복사 가능한 스니펫과 브라우저에 로컬로 저장된 최근 및 저장된 견본을 제공합니다.

예. 가입 없이 완전히 무료이며 모든 변환은 브라우저에서 로컬로 발생합니다. 귀하의 색상은 서버에 업로드되지 않으므로 브랜드 및 클라이언트 작업은 비공개로 유지됩니다.

예. HEX, RGB(A), HSL 및 최신 OKLCH 간에 변환하므로 CSS 또는 디자인 도구에 필요한 정확한 형식을 복사할 수 있습니다.

예. 알파 값을 포함하면 RGBA 및 8자리 16진수가 생성되므로 스타일에 색상을 복사할 때 불투명도가 유지됩니다.