Suwol Web Tools

그래픽

색상 변환기

HEX, RGB, HSL 색상 값을 서로 변환하고 미리봅니다.

색상 값

HEX, RGB, HSL 값을 수정하거나 컬러 피커를 사용하세요.

미리보기
대비 텍스트white
--color-primary: #3b82f6;

색상 변환기란?

CSS 색상을 변환하고 대비를 미리봅니다.

색상 변환기란?

색상 변환기는 HEX, RGB, HSL 값을 서로 변환합니다. 색상 미리보기, 검정/흰색 대비 텍스트 추천, CSS 변수 복사 기능도 제공합니다.

사용 방법

  1. HEX, RGB, HSL 중 하나의 색상 값을 입력합니다.
  2. 변환된 값과 미리보기를 확인합니다.
  3. 필요한 값이나 CSS 변수를 복사합니다.

주의사항

#3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) 같은 올바른 CSS 형식을 사용하세요.

FAQ

CSS 변수 형태로 복사할 수 있나요?

네. 현재 HEX 값을 사용해 --color-primary CSS 변수로 복사할 수 있습니다.

색상 값이 서버로 전송되나요?

아니요. 변환은 브라우저에서 처리됩니다.

4 도구

이미지 리사이저 / 변환기

인기

이미지를 원하는 크기로 바꾸고 PNG, JPG, WebP 형식으로 변환합니다.

앱 아이콘 생성기

인기

원본 이미지를 업로드해 웹, iOS, Android, PWA용 아이콘 파일을 한 번에 생성합니다.

QR 코드 생성기

인기

URL이나 텍스트를 QR 코드 이미지로 만들고 PNG 또는 SVG로 다운로드할 수 있습니다.

바코드 생성기

인기

Code128, EAN-13, UPC-A 등 다양한 형식의 바코드를 만들고 PNG 또는 SVG로 다운로드합니다.