색상 선택기 & 변환기

#2E7A54
흰색 텍스트 권장
HEX
#2E7A54
RGB
rgb(46, 122, 84)
HSL
hsl(150, 45%, 33%)
°
%
%

관련 도구

랜덤 색상

랜덤 HEX 색상 생성

QR 코드 생성기

QR 코드 생성 + 색상 커스텀

HTML 엔티티

HTML 특수문자 변환

진법 변환기

2진/8진/10진/16진 변환

색상 선택기 & 코드 변환이란?

웹 개발과 디자인에서는 같은 색상을 다양한 형식으로 표현합니다. CSS에서는 주로 HEX(#ff5733), RGB(rgb(255, 87, 51)), HSL(hsl(11, 100%, 60%))을 사용합니다. 이 도구는 세 가지 형식을 실시간으로 변환해줍니다.

색상 형식 비교

형식 예시 특징
HEX #ff5733 CSS에서 가장 많이 사용. 6자리 16진수.
RGB rgb(255, 87, 51) 빨강·초록·파랑 각 0~255 값으로 표현.
HSL hsl(11, 100%, 60%) 색상·채도·명도로 표현. 색상 조정이 직관적.

주요 기능

  • 실시간 변환 — 하나의 형식을 입력하면 나머지 형식이 즉시 변환됩니다.
  • 색상 선택기 — 컬러 피커로 원하는 색상을 직접 선택할 수 있습니다.
  • 미리보기 — 선택한 색상을 화면에서 바로 확인할 수 있습니다.
  • 복사 — 각 형식의 값을 클립보드에 복사합니다.