매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ 색상 변환기

색상 입력

/ 선택한 도구

■

색상 변환기 - 무료 변환기 도구

HEX, RGB, HSL, HSV 형식 간에 색상을 변환합니다

■ 01

색상 변환이란?

상황에 따라 서로 다른 색상 형식이 사용됩니다. HEX는 웹 디자인에서 흔히 쓰이고, RGB는 디지털 디스플레이에 사용되며, HSL은 직관적인 색상/채도/명도 제어를 제공하고, HSV는 그래픽 애플리케이션에서 널리 쓰입니다.

■ 02

색상 변환은 수학 공식을 사용해 색상 공간 사이를 변환합니다. RGB 값(0-255)은 HEX(00-FF)로 변환할 수 있습니다. RGB에서 HSL/HSV로의 변환은 색상 비율로 색조를 계산하고, 색상 분포로 채도를 계산하며,…

■ 03

HEX에서 모든 형식으로, RGB에서 모든 형식으로, HSL에서 모든 형식으로의 변환을 다뤄 자주 쓰는 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

interface RGB {
  r: number;
  g: number;
  b: number;
}

interface HSL {
  h: number;