HEX ↔ RGB ↔ HSL Converter
실시간으로 색상 코드를 변환하고 미리보기를 통해 확인하세요.
PREVIEW & PICK
#2196f3
# HEX
RGB
HSL
🌓 Color Variants (Lighter & Darker)
📖 사용 방법
- Color Picking: 좌측의 대형 프리뷰 박스를 클릭하면 컬러 피커가 열려 시각적으로 색상을 선택할 수 있습니다.
- Sync: 컬러 피커, 팔레트, 텍스트 입력 중 무엇을 사용해도 모든 수치가 실시간으로 동기화됩니다.
- Variants: 선택한 색상의 명도별 변환 수치를 함께 보여주어 디자인 작업 시 편리하게 활용 가능합니다. (우측 패널)
- 변환된 코드는 바로 복사하여 CSS에서 사용할 수 있습니다.