10 도구 · 100% in your browser

색상 및 디자인

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

색상· 4 도구

색상을 변환하고, 대비를 확인하고, 이미지에서 색상을 선택하세요.

색상 변환기 (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL, 최신 OKLCH를 즉시 변환하세요.

대비 검사기 (WCAG)

WCAG AA/AAA 대비 확인 — 통과 또는 실패.

Tailwind 색상 찾기

모든 HEX 색상에 가장 가까운 Tailwind 클래스.

이미지 색상 선택기 및 팔레트

이미지를 드롭하여 팔레트를 추출하세요.

CSS 생성기· 4 도구

그라디언트, 그림자, 반경 및 이징 곡선.

그라디언트 생성기

선형, 방사형 및 원뿔형 CSS 그라디언트.

Box Shadow 생성기

시각적 CSS box-shadow 편집기.

Border Radius 생성기

코너별 CSS border-radius 편집기.

Cubic Bezier 편집기

CSS easing 곡선을 시각적으로 디자인하세요.

레이아웃· 2 도구

CSS 단위 및 종횡비.

CSS 단위 변환기

px, rem, em, pt 등을 변환하세요.

가로 세로 비율 계산기

비율을 계산하고 크기를 조정하세요.