모서리 둥글기 생성기
모서리 둥글기 생성기. 슬라이더로 각 모서리의 둥글기를 조절하고 CSS를 복사하세요.
브라우저에서 바로 쓰는 유용한 도구.
모서리 둥글기 생성기. 슬라이더로 각 모서리의 둥글기를 조절하고 CSS를 복사하세요.
박스 그림자 · 생성기 도구를 브라우저에서 바로 사용하세요. 입력과 작업 설정을 선택한 다음 결과를 확인할 수 있습니다.
색상 투명도 합성. 감마가 적용된 sRGB에서 전경을 배경 위에 합성합니다. 배경은 불투명합니다.
색각 이상 시뮬레이터. Machado 외(2009)의 완전 이색형 색각 근사 모델입니다. 개인마다 지각이 다르며 회색조는 별도의 휘도 미리보기입니다.
색상 거리 계산기. CIE76 ΔE는 Bradford 색순응 후 D50 Lab에서 계산합니다. 색 차이이며 대비나 가독성 점수가 아닙니다.
색상 혼합기. 감마가 적용된 sRGB와 선형광 혼합은 결과가 다릅니다. 비율은 색상 B에 적용됩니다.
유사색, 보색, 삼각 배색과 밝고 어두운 색상 단계를 만듭니다. Tailwind CSS v4용 사용자 지정 50–950 색상 단계를 내보낼 수 있습니다.
HEX, RGB, HSL, HSV와 근사 CMYK 색상을 변환합니다. 채널별 숫자와 슬라이더를 조절하고 실시간 색상 미리보기를 확인하세요.
명암비 검사 도구를 브라우저에서 바로 사용하세요. 입력과 작업 설정을 선택한 다음 결과를 확인할 수 있습니다.
CSS 반응형 글자 크기 생성기. rem과 vw로 내보냅니다. 페이지의 루트 글자 크기를 지정하세요. 선택한 화면 너비의 글자 크기를 미리 보여줍니다.
CSS 베지어 곡선 편집기. 제어점을 드래그하거나 방향키로 조절하세요. Shift를 누르면 이동 간격이 커집니다.
CSS 필터 생성기. 필터를 조절하고 미리보기와 생성된 CSS를 비교하세요.
CSS 그라디언트 · 생성기 도구를 브라우저에서 바로 사용하세요. 입력과 작업 설정을 선택한 다음 결과를 확인할 수 있습니다.
SVG → 데이터 URI 변환기. 로컬 SVG를 선택하거나 소스를 붙여넣고 실행하세요. 미리보기·확대·축소·다운로드를 지원합니다.
SVG 뷰어. 로컬 SVG를 선택하거나 소스를 붙여넣고 실행하세요. 미리보기·확대·축소·다운로드를 지원합니다.
텍스트 그림자 생성기. 텍스트 그림자의 위치·흐림·색상·불투명도를 조절하세요.
글자 크기 비율 생성기. 기본 글자 크기·배율·단계 수를 정해 CSS 크기를 생성하세요.