색상 변환기

HEX, rgb(), hsl() 형식 중 하나로 색상을 입력하거나 선택하면 세 가지 표기법을 한 번에 확인할 수 있습니다. 실시간 색상 미리보기와 각 값의 원클릭 복사 기능을 제공합니다.

개발자 도구 브라우저에서 완전히 실행

색상은 기기에서 완전히 처리되며 서버로는 전송되지 않습니다.

색상

HEX

#1f7269

RGB

rgb(31, 114, 105)

HSL

hsl(173, 57%, 28%)

다음으로 사용하기

CSS 그라디언트 생성기

선형 또는 방사형 CSS 그라디언트를 시각적으로 만들고 코드를 복사하세요.

디자인·CSS 도구도구 열기

이미지 색상 추출기

업로드한 이미지 위 어디든 클릭하면 해당 픽셀의 정확한 색상 코드를 확인하세요.

이미지 도구도구 열기

컬러 팔레트 하모니 생성기

기본 색상을 하나 고르면 조화로운 색상 팔레트(보색, 유사색, 삼각, 사각, 단색)를 만들어 드립니다.

디자인·CSS 도구도구 열기

관련 도구

난수 생성기

암호학적으로 안전한 생성기를 사용해 지정한 범위 내에서 무작위 정수를 하나 또는 여러 개 생성합니다.

개발자 도구도구 열기

정규식 테스터

샘플 텍스트를 대상으로 정규식을 테스트하고 디버깅하며, 일치하는 부분을 실시간으로 강조 표시합니다.

개발자 도구도구 열기

Cron 표현식 빌더 & 테스터

프리셋으로 Cron 표현식을 만들거나 직접 작성하고, 다음 실행 시각을 미리 확인합니다.

개발자 도구도구 열기

SQL 포맷터

SQL 쿼리를 읽기 쉽게 들여쓰기된 줄로 정리하거나 한 줄로 압축합니다.

개발자 도구도구 열기

XML 포맷터

XML을 올바른 들여쓰기로 정리하거나 한 줄로 압축합니다.

개발자 도구도구 열기

Uddatak를 사용해 보시겠어요?

전체 도구 라이브러리를 둘러보고 지금 필요한 것을 바로 사용해 보세요 — 무료이며 가입이 필요 없습니다.

모든 도구 보기