HEX
#2563eb
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
RGB (raw)
37, 99, 235
사용 안내
이 도구를 더 잘 사용하는 방법
디자인 시안이나 CSS에서 사용하는 HEX·RGB·HSL 색상 값을 서로 변환할 때 사용합니다.
입력·출력 예시
입력: #3B82F6
RGB: 59, 130, 246사용 방법
- 색상 코드를 입력하거나 컬러 피커로 선택합니다.
- HEX·RGB·HSL 결과를 확인합니다.
- CSS 변수나 디자인 토큰에 필요한 형식을 복사합니다.
주의할 점
색상 값 변환은 색 공간과 디스플레이 설정을 보정하지 않습니다. 실제 화면의 대비와 접근성을 별도로 확인하세요.
HEX와 RGB 중 어떤 형식을 사용해야 하나요?
둘 다 같은 색을 표현할 수 있습니다. 프로젝트의 CSS 규칙과 투명도 필요 여부에 맞춰 선택하면 됩니다.