🎨색상 변환기

사용 방법

1. 1
   색상 입력

   HEX, RGB, HSL 중 원하는 형식으로 색상값을 입력합니다. 색상 피커(color picker)를 클릭하여 시각적으로 선택할 수도 있습니다.

2. 2
   변환 결과 확인

   입력한 색상이 HEX, RGB, HSL, HSV, CMYK 등 모든 형식으로 동시에 변환됩니다.

3. 3
   CSS 코드 활용

   하단에 CSS에서 바로 사용할 수 있는 코드 스니펫이 표시됩니다. 복사하여 스타일시트에 붙여넣을 수 있습니다.

4. 4
   미리보기 확인

   선택한 색상이 프리뷰 영역에 표시되어 실제 화면에서 어떻게 보이는지 확인할 수 있습니다.

활용 팁

• 💡HSL 형식은 색상(Hue), 채도(Saturation), 밝기(Lightness)로 구성되어 색상 조절이 직관적입니다.
• 💡웹 접근성을 위해 배경색과 텍스트 색상의 대비 비율을 고려하세요.
• 💡CSS 변수(custom properties)에 색상을 저장할 때 HEX보다 HSL 형식이 색상 변형에 유리합니다.
• 💡CMYK 값은 모니터(RGB)와 인쇄물 간의 색상 차이를 이해하는 데 도움이 됩니다.