안내

DESIGN · LOCAL FIRST

HEX, RGB와 HSL 색상 값을 서로 확인하세요

한 색상을 여러 CSS 색상 표현으로 변환하고 원하는 값을 빠르게 복사합니다.

Color Converter 열기

HOW TO USE

사용 방법

  1. 01

    색상 선택기에서 원하는 색을 고르거나 지원되는 색상 값을 입력합니다.

  2. 02

    같은 색상의 HEX, RGB, HSL 표현을 확인합니다.

  3. 03

    필요한 형식의 값을 눌러 디자인 도구나 CSS에 복사합니다.

USE CASES

이렇게 활용할 수 있습니다

CSS 색상 변환

디자인에서 받은 HEX 값을 RGB나 HSL 기반 스타일로 바꿉니다.

색상 값 비교

서로 다른 표기로 전달된 색상이 같은 색인지 빠르게 확인합니다.

FAQ

자주 묻는 질문

알파 투명도도 지원하나요?

현재는 불투명한 HEX, RGB, HSL 기본 색상 변환에 집중합니다.

색상 값을 클릭해 복사할 수 있나요?

각 형식의 결과 버튼을 눌러 클립보드에 복사할 수 있습니다.

DESIGN

Color Converter

이 브라우저에서만 처리