Tailwind · Material 색상표

색을 고르면 HEX·RGB·HSL 코드를 바로 보여주고 복사할 수 있습니다.

기준 색에서 유사색·보색·삼각·단색 팔레트를 자동으로 만들어줍니다.

두 색과 각도로 CSS 선형 그라데이션을 만들고 코드를 복사합니다.

한 색이 적·녹·청 색각 이상에서 어떻게 보이는지 시뮬레이션합니다.

기준 색의 보색과 분할보색·삼각·유사색을 한눈에 찾아줍니다.

기준 색을 명도와 채도 단계별로 펼쳐 색 스케일을 만듭니다.

두 색을 원하는 비율로 섞어 중간색을 만듭니다.

무작위 색상을 뽑아 HEX 코드를 클릭 한 번에 복사합니다.

px ↔ rem ↔ em을 기준 글꼴 크기에 맞춰 서로 변환합니다.