색 → 디자인 시스템

색 하나를 입력하면 팔레트·그라디언트·AA/AAA 대비 검사가 자동으로.

색 → 디자인 시스템 — 배선된 색 파이프라인입니다. HEX 하나가 팔레트 생성기로 흘러가고, 그 기준색과 보색이 대비 검사기(AA/AAA)와 CSS 그라디언트 빌더로 동시에 전달됩니다. 색 하나를 고르면 디자인 색 시스템 전체가 만들어집니다.

포함된 도구

색상 변환기

실시간 미리 보기와 함께 HEX, RGB, HSL 간 색상을 변환하세요.

색상 팔레트 생성기

기준 HEX 색 하나로 음영, 밝은 색조와 어울리는 색들을 만들고 각 색의 HEX 값을 복사할 수 있습니다.

색상 대비 검사기

전경색과 배경색의 WCAG 대비비를 확인하고 일반 텍스트와 큰 텍스트에서 AA와 AAA를 통과하는지 보여 줍니다.

CSS 그라데이션 생성기

색 정지점과 각도를 지정해 선형·방사형·원뿔형 CSS 그라데이션을 만들고 실시간으로 확인하며 background 규칙을 복사할 수 있습니다.