색상 코드 변환
HEX, RGB, HSL과 투명도를 변환하고 색을 미리 보며 바로 쓸 수 있는 CSS 값을 복사합니다.
CSS Grid 생성기
고정·자동 열 구성과 간격·정렬을 미리 보고 CSS와 HTML을 생성하세요.
도구 소개
고정·자동 열 구성과 간격·정렬을 미리 보고 CSS와 HTML을 생성하세요.
사용 방법
고정 열 개수 또는 최소 열 너비에 따른 자동 배치를 선택하세요. 행·간격·정렬·항목 수를 조절하고 미리보기 너비를 줄여 좁은 화면도 확인할 수 있습니다.
CSS와 HTML을 각각 복사하거나 저장하세요. 너비 조절은 미리보기에만 적용됩니다. 고정 행·열은 1–12개, 간격은 0–80 px, 항목은 48개까지입니다. 생성 코드에 실제 내용과 디자인을 추가하세요.
댓글
0