DEV

색상 코드 변환기 — HEX, RGB, HSL 변환

디자인 작업에서 색상 형식 변환은 피할 수 없습니다. HEX에서 RGB, HSL에서 OKLCH까지, 모든 변환을 즉시 처리하세요.

색상 모델 이해하기

  • HEX: #RRGGBB 형식, 웹 개발에서 가장 일반적
  • RGB: 빨강, 초록, 파랑 (0~255)
  • HSL: 색조(0~360°), 채도(%), 밝기(%) — 직관적 조정에 유용
  • OKLCH: 지각적으로 균일한 현대 색상 공간

언제 어떤 형식을 사용하나요?

  • HEX: CSS 색상 지정, 디자인 도구
  • RGB/RGBA: 투명도 필요 시, JavaScript 조작
  • HSL: 프로그래밍 방식의 색상 변형
  • OKLCH: CSS Color Level 4, 테마 시스템

색상 변환 팁

HSL을 사용하면 색상을 조정하기 쉽습니다. 채도나 밝기 값만 변경하면 같은 색조의 다른 변형을 만들 수 있습니다.