🎨 색상 선택기

HEX, RGB, HSL 변환 및 색상 팔레트.

#3b82f6
HEX 직접 입력
R
G
B
HEX
#3b82f6
RGB
rgb(59,130,246)
HSL
hsl(217,91%,60%)
CSS 변수
--color: #3b82f6
색상 팔레트
최근:

📖 사용방법

  1. 색상 팔레트를 클릭하거나 슬라이더로 원하는 색상을 선택합니다.
  2. HEX, RGB, HSL 코드가 실시간으로 업데이트됩니다.
  3. 각 코드 옆 복사 버튼으로 클립보드에 저장합니다.
  4. HEX 입력란에 직접 코드를 입력해도 됩니다.

🎨 색상 선택기 실제 사용 예시

입력
브랜드 색상 #0EA5E9
예상 결과
색상 선택과 HEX·RGB·HSL 값 동기화
확인 사항
투명도와 화면 색상 프로필 차이 확인

처리 방식

입력한 코드와 문자열은 현재 브라우저에서 변환하며 FreeTools 서버로 전송하지 않습니다.

🎨 색상 선택기 사용 가이드

색상 피커에서 색상을 선택하고 HEX, RGB, HSL 코드를 확인합니다.

권장 사용 순서

  1. 운영 데이터 대신 짧은 샘플을 먼저 입력해 형식과 옵션을 확인한 뒤 실제 작업에 적용하세요.

결과 확인 방법

HEX·RGB 값이 같아도 디스플레이·색상 프로파일·투명도와 배경색에 따라 보이는 색이 달라질 수 있습니다.

처리 범위와 제한사항

색상 선택은 텍스트 대비·색각 접근성·인쇄 색상 변환을 대신하지 않습니다. 실제 배경 위에서 확인하고 필요한 검사를 함께 진행하세요.

기능 및 설명 검토: FreeTools 운영팀 · 2026-07-31

관련 도구

🎨색상 변환기🖌️팔레트 생성기🌈CSS 그라디언트🎨CSS 포매터🔍색상 대비 검사