색상 변환기 & 팔레트

HEX, RGB, HSL이란?

웹 디자인에서 색상은 다양한 형식으로 표현할 수 있으며, 각 형식은 고유한 목적을 가지고 있습니다.

사용 방법

• 실시간 변환: HEX, RGB 또는 HSL 필드에 값을 입력하거나 붙여넣으면 변환된 등가 값을 즉시 볼 수 있습니다.
• 색상 선택기 & 슬라이더: 직관적인 슬라이더나 시각적 색상 선택기 UI를 사용하여 색상을 조정하고 정확한 값을 얻습니다.
• 자동 팔레트: 기본 색상을 선택하면 50에서 950까지의 동적 11단계 밝기-어두움 팔레트가 자동으로 생성됩니다.

용어

• HEX (16진법): #10B981과 같은 6자리 코드로 빨강, 초록, 파랑의 강도를 나타냅니다. CSS에서 가장 일반적인 형식입니다.
• RGB (빨강, 초록, 파랑): 각 원색의 강도를 0에서 255까지 지정합니다.
• HSL: 색조(0-360 각도), 채도(0-100%), 명도(0-100%)로 직관적으로 색상을 정의합니다.

보안

모든 색상 계산 및 변환은 브라우저에서 로컬로 수행됩니다.