색상

색상 변환기

HEX, RGB, HSL, CSS 표기 사이에서 색상을 변환합니다.

색 선택

HEX 값

HEX

#00c16a

HEX (짧은 형식)

#00c16a

RGB

rgb(0, 193, 106)

RGBA

rgba(0, 193, 106, 1)

HSL

hsl(153, 100%, 38%)

HSLA

hsla(153, 100%, 38%, 1)

CSS 변수

--color: #00c16a;

Tailwind 임의 값

bg-[#00c16a]

관련 가이드

HEX, RGB, HSL과 새로 등장한 색 공간들HEX, RGB, HSL, LCH, OKLCH가 서로 어떤 관계인지, HSL로 만든 팔레트가 중간 톤에서 왜 탁해지는지, 그리고 색역 클리핑과 알파 합성이 실제로 얻는 색을 어떻게 바꾸는지 설명합니다.감에 의존하지 않고 WCAG 색 대비 충족하기대비율이 무엇을 측정하는지, 텍스트와 인터페이스 구성 요소에 대한 AA와 AAA 기준값은 얼마인지, 그리고 흰 바탕의 회색 글자에서 매번 조용히 기준을 놓치는 실수는 무엇인지 설명합니다.

관련 도구

팔레트 생성기

하나의 기본 색에서 밝기 단계와 배색을 만듭니다.

색상

명도 대비 검사

전경색과 배경색 조합을 WCAG AA 및 AAA 기준으로 검사합니다.

색상