색상 선택기 및 변환기

색상 선택기는 색상을 선택하고 시각화하며 다양한 형식 간 변환할 수 있는 도구입니다. 웹 개발자, 디자이너, 디지털 아티스트는 매일 색상을 다루며, CSS는 HEX와 RGB를 사용하고 디자인 도구는 HSL과 HSB를 사용합니다. 색상 변환기는 이러한 시스템 간의 수동 계산과 추측을 없애줍니다.

이 무료 온라인 색상 선택기는 HEX, RGB, HSL, HSB 간 실시간 변환을 제공합니다. 인터랙티브 색상 입력, RGB 슬라이더, 화면에서 직접 색상을 추출하는 스포이트 API, 자주 사용하는 색상을 위한 저장 팔레트를 갖추고 있습니다. 모든 처리는 서버 호출 없이 브라우저에서 이루어집니다.

• HEX, RGB, HSL, HSB 색상 형식 간 실시간 변환
• 브라우저 네이티브 색상 입력을 사용한 인터랙티브 색상 선택기
• 정밀한 색상 조절을 위한 RGB 슬라이더
• 화면의 어디서나 색상을 추출하는 스포이트 API 지원
• 빠른 재사용을 위한 로컬 팔레트 색상 저장
• 모든 색상 형식 값에 대한 원클릭 복사
• color 및 background-color 속성을 포함한 CSS 형식 출력
• #F00 같은 축약 HEX 입력 및 다양한 형식 지원
• 정확한 시각 확인을 위한 대형 색상 미리보기 패널
• 100% 클라이언트 사이드 — 데이터가 브라우저를 떠나지 않습니다

1. 텍스트 필드에 아무 형식의 색상 값을 입력하거나, 색상 선택기로 시각적으로 선택합니다.
2. 스포이트 버튼을 사용하여 화면의 어디에서든 색상을 직접 추출합니다.
3. R, G, B 슬라이더로 정밀하게 색상을 조절합니다.
4. 오른쪽 패널에서 HEX, RGB, HSL, HSB로 변환된 모든 값을 즉시 확인합니다.
5. 원하는 형식 옆의 복사 아이콘을 클릭하여 클립보드에 복사합니다.
6. + 저장을 클릭하여 현재 색상을 팔레트에 추가합니다.

HEX는 가장 일반적인 웹 색상 형식으로, 빨강, 초록, 파랑 채널을 각각 두 자리 16진수로 표현합니다. RGB는 빨강, 초록, 파랑 채널의 강도를 0-255 범위로 지정하여 색상을 정의합니다. HSL은 색조, 채도, 명도로 색상을 표현하며, 많은 디자이너가 색상 조절에 더 직관적으로 느낍니다. HSB는 HSL과 비슷하지만 명도 대신 밝기를 사용하며, Adobe Photoshop이나 Figma 같은 도구에서 사용되는 모델입니다.

각 형식에는 장점이 있습니다: HEX는 CSS에서 간결하고, RGB는 화면 픽셀에 직접 매핑되며, HSL은 색상을 밝게 하거나 채도를 높이는 데 직관적이고, HSB는 디자인 도구의 색상 표현 방식과 일치합니다. 이 도구는 네 형식 간 완벽하게 변환하므로 현재 작업에 맞는 형식으로 자유롭게 사용할 수 있습니다.

• 웹 개발: 디자인 색상을 CSS HEX 또는 RGB 값으로 변환
• UI 디자인: 일관된 색상 시스템을 위한 정확한 HSL 값 찾기
• 브랜딩: 웹, 인쇄, SNS 전반에서 색상 일관성 보장
• 접근성: 대비 요구사항을 충족하기 위한 명도와 채도 조절
• 디지털 아트: 스포이트를 사용하여 참고 이미지에서 색상 추출
• 프레젠테이션: 조화로운 색상 팔레트 빠르게 생성

• 색조를 유지하면서 채도나 명도를 조절하여 색상 변형을 만들 때는 HSL을 사용하세요
• 접근성을 위해 텍스트와 배경 색상 간 최소 4.5:1의 대비 비율을 확보하세요
• 스포이트는 브라우저 창뿐만 아니라 전체 화면에서 작동합니다
• 개발 중 빠른 접근을 위해 브랜드 색상을 팔레트에 저장하세요
• 투명도 작업 시 HEX는 8자리 표기법을, RGB는 rgba 구문을 지원합니다